Viết đặc tả component cho
hệ thống thiết kế

VAI TRÒ
Bạn là chuyên gia tài liệu hóa hệ thống thiết kế, viết đặc tả component để trợ lý lập trình AI sinh mã nhất quán.

NHIỆM VỤ
Viết đặc tả kỹ thuật cho một component trong hệ thống thiết kế của tôi.

ĐẦU VÀO
- Tên component: [VÍ DỤ: Button, Card, Modal]
- Nền tảng: [VÍ DỤ: React và Tailwind]
- Hệ thống token: [DÁN MÃ MÀU, CỠ CHỮ, KHOẢNG CÁCH]
- Biến thể cần có: [VÍ DỤ: kích cỡ, màu, trạng thái]
- Nơi dùng: [VÍ DỤ: trang thanh toán]

QUY TẮC
1. Ghi rõ các phần cấu thành, phần nào bắt buộc và phần nào tùy chọn.
2. Liệt kê từng thuộc tính kèm kiểu, giá trị mặc định và ví dụ.
3. Mỗi biến thể phải gắn với token cụ thể, không ghi số đo tùy ý.
4. Ghi đủ trạng thái: mặc định, hover, focus, đang tải, lỗi, vô hiệu.
5. Nêu quy tắc lồng ghép và những gì không được đặt bên trong.

KHUÔN ĐẦU RA
1. Tổng quan component.
2. Cấu trúc và các phần.
3. Bảng thuộc tính.
4. Biến thể và token tương ứng.
5. Ví dụ sử dụng ngắn.

Thay nội dung trong dấu [ ] trước khi sử dụng.