Thiết kế · UI
Hướng dẫn dùng Appllama MCP
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 đó.
Nghệ thuật thuật toán (Generative art với p5.js)
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.
better-ui — Trình đánh bóng giao diện
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.
Canvas Design (Thiết kế trên canvas)
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.
Frontend Design (UI có bản sắc)
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".
Quy trình Thiết kế (Design)
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.
Bộ chọn phong cách thiết kế
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ế.
Chỉ đạo nghệ thuật game
Đọ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.
Draw UI — Tạo bản thiết kế UI & dựng lại giao diện
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 Design System
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.
Mẫu Accessibility (Accessibility Patterns)
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.
Mẫu kiểm định truy cập WCAG
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.
Superdesign Canvas
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.
Trình kiểm toán khả năng truy cập (Accessibility Auditor)
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.
oil-icon · Trình tạo bộ icon đồng nhất phong cách
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.
Claude Design Card (claude-design-card)
Biến văn bản hoặc URL thành thẻ HTML theo ngôn ngữ thiết kế Claude/Anthropic rồi chụp thành PNG bằng Playwright.
Canvas Design (Tạo poster & tác phẩm thị giác)
Skill viết trước một tuyên ngôn triết lý thiết kế, rồi thể hiện triết lý đó thành một tác phẩm PDF/PNG một trang.
Lắp ghép Component (Assembling Components)
Skill "chốt hạ" giúp kiểm tra và nối các component do các skill design tạo ra thành một project React/Next.js, Python hoặc Rust chạy được.