design-system
Xây kiến trúc token ba lớp, đặc tả component và tạo slide đúng nhận diện thương hiệu
137k sao GitHubcập nhật 03/09/2026
Đang tải…
Thiết kế
Xây kiến trúc token ba lớp, đặc tả component và tạo slide đúng nhận diện thương hiệu
Gợi ý style, bảng màu, font, biểu đồ và quy tắc UX khi thiết kế hoặc sửa giao diện web, mobile
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", "switch to --preset", and for building a design system or applying a DESIGN.md or brand spec to shadcn/ui.
Xây design system với token phân cấp, chuyển theme sáng/tối và kiến trúc thư viện component
Xây design system bằng Tailwind CSS v4 với token, thư viện component và pattern responsive
Soát design system tìm tên lệch và giá trị hardcode, viết tài liệu component và thêm pattern mới
Tạo hoặc cập nhật DESIGN.md từ repo hay website, trích design tokens và ngôn ngữ thiết kế
Phân tích dự án Stitch và tổng hợp design system ngữ nghĩa vào file DESIGN.md
Định nghĩa design tokens cho màu, khoảng cách, chữ và độ nổi kèm quy tắc đặt tên và sử dụng
Đặc tả hệ thống icon: lưới, kích thước, độ dày nét, quy tắc đặt tên, nhóm và cách triển khai
Soát thiết kế Penpot tìm màu hardcode, khoảng cách lệch lưới, token thừa và phần tách khỏi component