Thiết kế · UI

Biến Claude thành giám đốc thiết kế: tạo bản sắc thị giác riêng biệt, không giống mẫu có sẵn, khi dựng hoặc làm mới giao diện.

Chọn một hướng thị giác — archetype hoặc một design system có tên — rồi quy đổi nó thành hệ design token mà vẫn giữ chuẩn khả dụng (accessibility).

Tạo trọn bộ hệ thống design token sáng/tối đạt chuẩn WCAG cùng một file theme.css duy nhất từ một bản brief ngắn.

Kiểm tra UI theo WCAG 2.2 AA/AAA và các mẫu ARIA, trả về bảng lỗi kèm mã tiêu chí, mức độ nghiêm trọng và cách sửa cụ thể.

Biến một khái niệm thành hồ sơ chuyên đề kiểu tạp chí: vấn đề thật → thất bại → bước ngoặt → vỡ lẽ → đặt tên, xuất ra một file HTML dài dạng ảnh dọc.

Skill giúp dựng artifact claude.ai phức tạp bằng React, Tailwind, shadcn/ui rồi gộp tất cả vào một file HTML duy nhất.

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.

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ể.

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.

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.

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 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.

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 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.