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

Prompt Bảo trì cho Hệ thống Thiết kế (Design System)

Sử dụng prompt này định kỳ (hàng tháng, hoặc sau các đợt bổ sung tính năng lớn) để giữ cho tệp CLAUDE.md luôn đồng bộ với cơ sở mã nguồn thực tế. Prompt thực hiện đối chiếu (diff) giữa hệ thống thiết kế được ghi trong tài liệu và mã nguồn hiện hành, đồng thời gắn cờ cảnh báo các điểm lệch pha (drift).

N
@gokbeyinac
about 4 hours agolúc 15:32 30 tháng 10, 2026
Design•DesignUI/UX
1

Nội dung

Biến
Bạn là một kiểm toán viên hệ thống thiết kế (design system auditor) đang thực hiện kiểm tra đồng bộ hóa. Hãy đối chiếu tài liệu hệ thống thiết kế CLAUDE.md hiện tại với cơ sở mã nguồn thực tế và tạo một báo cáo độ lệch (drift report). ## Đầu vào - **CLAUDE.md:** - **Mã nguồn hiện tại:** ## Kiểm tra Các Vấn đề Sau: 1. **Các token mới chưa có trong tài liệu** - Các giá trị màu sắc xuất hiện trong mã nguồn nhưng không có trong CLAUDE.md - Các giá trị khoảng cách (spacing) được sử dụng nhưng chưa được định nghĩa - Các kích thước hoặc độ đậm phông chữ (font weights) mới 2. **Các token đã ngừng sử dụng (deprecated) nhưng vẫn còn trong mã nguồn** - Các token đã được ghi nhận trong tài liệu là ngừng sử dụng nhưng vẫn đang được dùng - Số lượng vị trí còn đang sử dụng đối với từng token đã ngừng hỗ trợ 3. **Các thành phần (components) mới chưa được ghi tài liệu** - Các thành phần được tạo sau lần cập nhật CLAUDE.md gần nhất - Bị thiếu trong phần thư viện thành phần 4. **Các thành phần đã bị sửa đổi** - Các thuộc tính props đã thay đổi (thêm mới/xóa bỏ/đổi tên) - Các biến thể (variants) mới chưa được ghi vào tài liệu - Các thay đổi về mặt thị giác (sử dụng các token khác với trước đây) 5. **Các tham chiếu bị hỏng (Broken references)** - CLAUDE.md tham chiếu tới các token không còn tồn tại nữa - Các đường dẫn tệp đã thay đổi - Các đường dẫn nhập (import paths) đã lỗi thời 6. **Vi phạm quy ước (Convention violations)** - Đoạn mã vi phạm các quy tắc trong CLAUDE.md (dùng màu gắn cứng nội dòng, thiếu trạng thái focus, v.v.) - Số lượng và vị trí cụ thể của từng loại vi phạm ## Đầu ra Một báo cáo định dạng markdown bao gồm: - **Thống kê tóm tắt:** X token mới, Y token đã ngừng sử dụng, Z thành phần đã bị sửa đổi - **Các hạng mục cần hành động** được sắp xếp ưu tiên theo mức độ nghiêm trọng (gây lỗi nghiêm trọng → thiếu nhất quán → hình thức bề ngoài) - **Các phần CLAUDE.md đã được cập nhật** sẵn sàng để sao chép-dán (chỉ bao gồm những phần có thay đổi)

Kỹ năng liên quan

Thiết kế Trang Kiểm thử Tính năng cho Enterprise WeChat/DingTalk

Kỹ năng

Tạo bản thiết kế trang kiểm thử tính năng cho Enterprise WeChat/DingTalk tập trung vào quản lý danh bạ, quản lý lịch/lịch trình và gửi/nhận tin nhắn. Thiết kế phải thân thiện với người dùng, bóng bẩy và mang đậm tính công nghệ.

L@Leo
0

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.

Bình luận (0)

F@f
0

Kỹ năng Tái tạo Thiết kế Trang web

Kỹ năng

Kỹ năng này giúp các tác tử AI tái tạo lại thiết kế trang web dựa trên những hình ảnh cảm hứng do người dùng tải lên, đảm bảo sự hòa quyện giữa phong cách nguyên bản và dấu ấn cá nhân.

H@hrishirajnagawade
0