Thiết kế · UI

Tài liệu tham chiếu các class CSS và mẫu HTML dùng cho bộ slide HTML một tệp.

Skill rà soát chi tiết UI (bo góc đồng tâm, canh chỉnh quang học, đổ bóng, chuyển động icon) theo các giá trị chính xác và xuất báo cáo theo mức độ nghiêm trọng.

Skill tạo ra một 'triết lý thiết kế' riêng rồi hiện thực hóa nó thành tác phẩm một trang dạng PDF/PNG.

Skill hướng dẫn Claude tạo giao diện frontend chất lượng production, có phong cách riêng, tránh kiểu thiết kế "AI chung chung".

Skill thiết kế tổng hợp với 6 chế độ: viết copy UX, tài liệu design system, phê bình thiết kế, kiểm tra khả năng truy cập, handoff cho dev và tổng hợp nghiên cứu người dùng.

Biến sở thích thị giác mơ hồ thành nhiều phương án hình ảnh so sánh được để người dùng tự chọn hướng thiết kế.

Giữ bộ motion graphics (Remotion) và các board Figma luôn khớp nhau: chỉnh trong Figma thì Claude chuyển vào component và brand token, đổi trong code thì cập nhật ngược lại board.

Sinh component UI React/Tailwind v4 tuân thủ chặt chẽ quy ước thiết kế StyleSeed.

Dựa trên tài liệu nguồn của tiểu thuyết, tạo ra ba hướng game thực sự khác nhau rồi chọn nguyên mẫu đáng làm nhất bằng phủ quyết cứng và đánh đổi rõ ràng.

Skill dựng màn hình theo phương pháp StyleSeed: chốt bộ quy tắc trước khi viết code, rồi bắt buộc qua cổng điểm code và cổng kiểm tra pixel trước khi trình bày kết quả.

Đọc tài liệu thiết kế game và tạo ra ART_DIRECTION mức sản xuất: phong cách hình ảnh, camera, màu/ánh sáng/vật liệu, HUD, chuyển động và âm thanh.

Skill giúp thiết kế UI cho app, trang quản trị, game và landing page hoàn chỉnh, đồng thời dựng lại bản thiết kế hoặc ảnh chụp màn hình thành HTML/CSS, dự án frontend sẵn có hoặc mini program WeChat.

Trích xuất màu, font, khoảng cách từ một website công khai và tạo file design token khởi đầu cho dự án.

Bộ tham chiếu web accessibility gói gọn tiêu chí WCAG 2.2 AA, mẫu ARIA, điều hướng bàn phím và kiểm thử bằng axe-core.

Skill giúp kiểm định (audit) website theo WCAG 2.2 và ưu tiên khắc phục các lỗi truy cập.

Mẫu thiết kế tạo thẻ trích dẫn/số liệu 1600×900 (16:9) bằng HTML để đính kèm tweet.

Kỹ năng dùng Superdesign CLI để thiết kế UI, slide, poster và tạo ảnh/video trên canvas vô hạn với nhiều mô hình AI hàng đầu.

Skill hướng Claude tạo code frontend chất lượng production với định hướng thẩm mỹ rõ ràng, tránh kiểu giao diện "AI làm" nhàm chán.

Skill giúp phát hiện lỗi khả năng truy cập của website và sửa đến mức tuân thủ WCAG 2.1 AA.

Sinh 16 icon cùng lúc trên một tấm lưới 4×4, rồi cắt từng ô và xoá nền để cho ra bộ icon PNG trong suốt.