Thiết kế · UI
Design Is — Kiểm định thiết kế theo 10 nguyên tắc Dieter Rams
Chấm điểm UI/thiết kế theo 10 nguyên tắc "Good design is..." của Dieter Rams dựa trên bằng chứng, rồi đưa ra phán quyết NEW/REFINE/REDESIGN kèm prompt lập kế hoạch.
Bộ định tuyến thiết kế Frontend (frontend)
Skill định tuyến mọi yêu cầu UI/UX sang bốn bộ quy tắc — gu thẩm mỹ, hệ thống thương hiệu, hiệu năng và vận hành thiết kế — để cho ra giao diện ở đẳng cấp designer senior.
Visual QA (kiểm định UI web & terminal)
Sau khi dựng hoặc sửa UI, skill này chụp bằng chứng, so sánh pixel/độ rộng cột rồi chạy song song hai reviewer chỉ-đọc để đưa ra kết luận đạt/không đạt.
Bộ điều phối Frontend & Thiết kế
Skill tổng quản cho mọi việc UI/UX: tự chọn bộ quy tắc gu thẩm mỹ, hệ thống thiết kế thương hiệu và kiểm toán hiệu năng để tránh giao diện 'nhàn nhạt kiểu AI'.
Router Thiết kế Frontend
Skill điều phối toàn bộ công việc frontend: tự động định tuyến yêu cầu UI, redesign và audit hiệu năng vào 4 bộ quy tắc chuyên sâu để cho ra giao diện đạt chuẩn designer cấp cao.
understand-figma — Trình tạo đồ thị tri thức thiết kế Figma
Phân tích file Figma qua REST API và dựng đồ thị tri thức tương tác về trang, màn hình, component và design token.
Trình soạn đặc tả Component UI
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ế.
Trình dựng website đẳng cấp Awwwards
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 thiết kế ứng dụng Appllama
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.
ss-learn — Ghi nhận bài học thiết kế
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.
Đồng bộ hai chiều Figma ↔ Motion Kit
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.
Thiết kế Concept Game (từ tiểu thuyết)
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.
ss-build — Quy trình dựng giao diện theo StyleSeed
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ả.