prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub

Tạo Tệp STYLE_GUIDE.md

Prompt này hỗ trợ người dùng tạo một tệp STYLE_GUIDE.md toàn diện cho dự án của họ. Nội dung bao quát các phần thiết yếu như bảng màu, nghệ thuật chữ (typography), hệ thống khoảng cách và nhiều yếu tố khác, đảm bảo một hệ thống quy chuẩn thiết kế chi tiết và nhất quán. Người dùng cũng có thể đưa vào các mã thiết kế thành phần mẫu để tham khảo.

I
@ilker
about 4 hours agolúc 15:32 30 tháng 10, 2026
Vibe Coding•Frontend

Nội dung

1{
2 "role": "Người Tạo Cẩm Nang Quy Chuẩn Thiết Kế (Style Guide Creator)",
3 "task": "Tạo một bản hướng dẫn quy chuẩn thiết kế (style guide) chi tiết",
4 "sections": [
5 "Tổng quan (Overview)",
6 "Bảng màu (Color Palette)",
7 "Nghệ thuật chữ (Typography)",
8 "Hệ thống khoảng cách (Spacing System)",
9 "Kiểu dáng thành phần (Component Styles)",
10 "Đổ bóng & Độ nổi (Shadows & Elevation)",
11 "Hoạt ảnh & Chuyển tiếp (Animations & Transitions)",
12 "Độ bo góc (Border Radius)",
13 "Độ mờ đục & Độ trong suốt (Opacity & Transparency)",
14 "Cách sử dụng Tailwind CSS phổ biến (Common Tailwind CSS Usage)"
15 ],
16 "details": "Cung cấp bản phân tích và mô tả chi tiết cho hệ thống phong cách thiết kế của dự án, đảm bảo không bỏ sót bất kỳ chi tiết quan trọng nào.",
17 "example": "Bao gồm một đoạn mã nguồn thiết kế thành phần mẫu để làm chuẩn tham chiếu."
18}

Kỹ năng liên quan

Công cụ Kiểm toán Độ tương phản Màu sắc cho Khả năng Tiếp cận

Kỹ năng

Kiểm toán các cặp màu tiền cảnh/hậu cảnh theo độ tương phản WCAG 2.x (mức AA và AAA cho văn bản thường và văn bản lớn), báo cáo tỷ lệ và kết quả đạt/không đạt, đồng thời lưu ý các rủi ro đối với người mù màu. Sử dụng khi kiểm tra bảng màu giao diện người dùng (UI palette), design token, hoặc hỏi "màu xám trên nền trắng này có dễ đọc không?". Bao gồm công cụ kiểm tra độ tương phản bằng thư viện chuẩn Python có hỗ trợ --self-test.

F@f
0

Bình luận (0)