Typography

theme-factory là skill tạo giao diện có tuyển chọn cho slide, tài liệu, báo cáo và landing page. Xem showcase, chọn 1 trong 10 theme dựng sẵn, rồi áp dụng màu sắc và cặp font nhất quán cho artifact của bạn.

canvas-design hỗ trợ tạo tác phẩm hình ảnh tĩnh nguyên bản theo quy trình hai bước: viết triết lý thiết kế bằng Markdown, rồi xuất thành `.png` hoặc `.pdf`. Phù hợp nhất cho poster, ảnh bìa, hình ảnh ý tưởng và đồ họa chiến dịch gần với UI, ít chữ.

ui-ux-pro-max là kỹ năng toàn diện hỗ trợ AI cho thiết kế UI/UX. Cung cấp hướng dẫn cấu trúc về bố cục, phong cách, hệ màu, kiểu chữ và quy tắc UX cho dự án web và di động. Phù hợp cho lập trình viên và nhóm cần quyết định thiết kế thực tế trên React, Next.js, Vue, Svelte, Tailwind, shadcn/ui, SwiftUI, React Native, Flutter và HTML/CSS. Dùng để lên kế hoạch, đánh giá và cải thiện UI với trí tuệ thiết kế chọn lọc.

ckm:ui-styling giúp bạn tạo giao diện người dùng chuẩn truy cập, sẵn sàng sản xuất với shadcn/ui, Tailwind CSS và thiết kế trực quan trên canvas. Phù hợp cho dự án React cần layout linh hoạt, component truy cập tốt, dark mode và hệ thống thiết kế nhất quán. Sử dụng ckm:ui-styling để thiết kế UI, tạo theme và prototype nhanh với hướng dẫn thực tế theo từng stack.

ckm:design là skill thiết kế có cấu trúc để định tuyến và triển khai logo, mockup CIP, banner, slide và icon SVG. Bộ này có tài liệu tham chiếu thực dụng, tùy chọn dựa trên CSV và script Python cho quy trình lặp lại ổn định thay vì chỉ dựa vào prompt chung chung.

ckm:brand là kỹ năng quy trình thương hiệu để tạo, cập nhật và rà soát brand guidelines, thông điệp, giọng điệu, nhận diện hình ảnh và đồng bộ design tokens bằng các script và checklist thực tế.

ckm:banner-design hỗ trợ tạo banner, cover, header, quảng cáo hiển thị và hero graphics cho website bằng brief có cấu trúc, quy trình theo kích thước và nhiều hướng art direction. Phù hợp cho thiết kế UI, creative marketing và ý tưởng banner theo từng nền tảng với SKILL.md cùng tài liệu tham chiếu về kích thước và phong cách banner.

typeset cải thiện typography cho UI bằng cách rà soát lựa chọn font, phân cấp, kích thước, độ đậm và khả năng đọc. Phù hợp nhất khi dùng sau /frontend-design, kết hợp với /teach-impeccable nếu thiếu ngữ cảnh, để biến phần chữ chung chung thành một hệ thống chữ rõ ràng và có chủ đích hơn.

Skill normalize dùng để rà soát một tính năng UI và đưa nó về đúng với design system của bạn. Tìm hiểu bối cảnh cài đặt normalize, phần chuẩn bị bắt buộc với /frontend-design và cách dùng thực tế cho page, route và component.

frontend-design là skill thiên về thiết kế, giúp xây dựng giao diện frontend trau chuốt hơn với ngữ cảnh rõ ràng, thứ bậc thị giác tốt, khả năng truy cập cao và hành vi responsive hợp lý. Hãy dùng hướng dẫn này để cài đặt skill, xem các tài liệu cốt lõi và áp dụng chỉ dẫn thực tiễn nhằm cải thiện component, trang và màn hình ứng dụng.

bolder là skill thiết kế UI giúp tăng sức nặng cho những giao diện nhạt nhòa hoặc quá an toàn bằng hệ thống phân cấp rõ hơn, độ tương phản mạnh hơn và cá tính hơn, nhưng vẫn giữ được tính dễ dùng. Phù hợp nhất khi dùng sau /frontend-design, và thêm /teach-impeccable nếu còn thiếu ngữ cảnh, trên một mục tiêu cụ thể như trang, section hoặc component.