Thiết kế · UI

Skill giúp chọn và áp dụng bộ màu/font chuyên nghiệp một cách nhất quán cho slide, tài liệu hay trang HTML.

Skill tạo báo cáo kiểm toán accessibility theo WCAG 2.2 cho UI/thiết kế, kèm danh sách khắc phục đã xếp ưu tiên.

Đọc computed style của ứng dụng đang chạy để phát hiện màu lệch design token, control vô hình và animation không hề chạy.

Một điểm vào duy nhất để xây, kiểm tra và tinh chỉnh UI mà vẫn giữ nguyên các lựa chọn thiết kế đã duyệt của dự án.

Một điểm vào duy nhất điều phối 22 workflow để dựng UI, tạo design token, review và kiểm chứng kết quả render.

Skill tạo văn bản giao diện (nhãn nút, thông báo lỗi, trạng thái rỗng, toast) theo giọng điệu thân thiện nhưng lịch sự và nhất quán.

Skill tạo đặc tả component UI đầy đủ: anatomy, variants, 8 trạng thái, ánh xạ design token và kiểm thử accessibility thực tế.

Chấm điểm một URL đang chạy hoặc bản build local chỉ dựa trên ảnh chụp màn hình và số liệu đo thật, theo tiêu chí Awwwards, kèm danh sách sửa lỗi xếp theo mức ảnh hưởng.

Chỉ từ một câu yêu cầu, skill này dẫn dắt toàn bộ quy trình ý tưởng, art direction, chuyển động, WebGL và QA để tạo ra website đạt chuẩn giải thưởng Awwwards.

Skill kiểm định UI cuối cùng: chạy script quét lỗi motion, a11y, màu sắc, responsive và hiệu năng rồi báo cáo theo mức độ nghiêm trọng.

Kỹ năng thiết kế lại trang README của repo và tạo bộ asset SVG (hero, header, sơ đồ) mang đúng tinh thần dự án.

Bộ quy tắc giúp Claude thiết kế và code màn hình Expo/React Native đạt chuẩn native theo Apple HIG, kèm vòng kiểm thử bằng quay video simulator.

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.

Tạo và quản lý tệp _brand.yml để áp dụng màu sắc, font và logo thương hiệu nhất quán cho ứng dụng Shiny và tài liệu Quarto.

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.

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

Skill áp dụng bảng màu và font chữ thương hiệu chính thức của Anthropic vào tài liệu, slide và các sản phẩm thiết kế.

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.