Thiết kế · UI

Bộ hướng dẫn tạo hoạt ảnh cuộn, chuyển trang và hiệu ứng xuất hiện bằng CSS hiện đại, không cần thư viện.

Từ một bản brief duy nhất, tạo nhiều bộ nhận diện gồm logo, font và bảng màu, đo lường bằng script rồi dựng bộ brand guidelines cho bộ được chọn.

Trích xuất design system từ ảnh UI tham chiếu rồi tạo PRD và prompt UI sẵn sàng triển khai bằng React + Tailwind.

Kỹ năng tra nhanh URL CDN và tải logo thương hiệu của các model/nhà cung cấp AI như Claude, GPT, Gemini.

Một buổi phỏng vấn ngắn cộng 3-5 frame tham chiếu sẽ tạo ra brand.md, MOTION.md và quy tắc trong CLAUDE.md để Claude luôn đọc trước khi làm animation.

Kiểm toán và sửa khả năng truy cập web theo chuẩn WCAG 2.2, kèm ví dụ mã cụ thể.

Skill StyleSeed biến một chỉnh sửa UI đã được con người chấp thuận thành quy tắc ứng viên lưu cục bộ, có quy trình review và gói chia sẻ tùy chọn.

Skill rà soát tĩnh code component/trang theo WCAG 2.2 AA và tự sửa những lỗi truy cập có thể sửa được.

Skill rà soát màn hình hiện có theo 10 heuristic của Nielsen và tiêu chuẩn UX mobile, rồi xuất báo cáo lỗi phân theo mức độ nghiêm trọng.

Biến tài liệu thiết kế game thành ART_DIRECTION.md: bản sắc hình ảnh, phản hồi thị giác/âm thanh phục vụ gameplay và các khoảnh khắc then chốt.

Kỹ năng điều chỉnh đúng một trục thiết kế (dày đặc hơn, đậm hơn, góc nhọn hơn...) theo các bậc cố định, kèm guardrail và kiểm tra lại.

Skill thiết kế UI trích màu/typography từ ảnh tham chiếu thật, khóa style cho từng dự án và luân phiên cấu trúc trang để tránh giao diện 'kiểu AI' nhàn nhạt.

Ghép khái niệm của bạn với một hình unDraw thật trong thư viện cục bộ rồi đổi màu theo thương hiệu để tạo một SVG chất lượng cao.

Skill giúp thêm, sửa, gỡ lỗi và tạo kiểu cho component shadcn/ui theo đúng quy trình CLI chuẩn.

Sinh code component UI hoàn chỉnh, dùng design token và đạt chuẩn accessibility cho hầu hết framework, từ React+Tailwind đến SwiftUI, Flutter.

Phân tích thiết kế tham chiếu thành hồ sơ JSON ba chiều (design system, phong cách, hiệu ứng) rồi dựng lại giao diện mới và tự kiểm chứng màu sắc.

Bộ quy tắc thực chiến để dựng nghệ thuật sinh tạo trên Canvas 2D: particle, flow field, noise, fractal — tối ưu hiệu năng.

Skill hướng dẫn dùng Appllama MCP để nghiên cứu màn hình, luồng và thành phần UI của các app di động doanh thu cao rồi xây dựng dựa trên đó.

Skill viết trước một 'triết lý thiết kế' rồi thể hiện nó thành poster/tác phẩm nghệ thuật dạng PDF hoặc PNG.

Kỹ năng viết một 'tuyên ngôn thuật toán' rồi hiện thực hóa thành tác phẩm p5.js tương tác với random theo seed.