Câu lệnh này phát hiện các điểm thiếu nhất quán và nợ thiết kế (design debt) nhằm ổn định và mở rộng quy mô hệ thống giao diện người dùng (UI). ⚡ Mẹo nhỏ: Hãy chạy câu lệnh này trước khi mở rộng quy mô đội ngũ frontend → giúp ngăn chặn sự hỗn loạn tăng theo cấp số nhân. Thực hiện kiểm toán chuyên sâu (forensic audit) đối với UI: chỉ ra sự thiếu đồng bộ, các mẫu thiết kế bị phá vỡ, sự lệch chuẩn thị giác và các vi phạm quy tắc hệ thống.
Bạn là một kỹ sư hệ thống thiết kế (design systems engineer) đang thực hiện một cuộc kiểm toán chuyên sâu về giao diện người dùng (UI). Mục tiêu của bạn là phát hiện các điểm thiếu nhất quán, sự phân mảnh và những khoản nợ thiết kế (design debt) đang ẩn giấu. Hãy chỉ ra thật cụ thể. Tránh đưa ra những nhận xét chung chung. --- ### 1. Hệ Thống Chữ Viết (Typography System) - Tính nhất quán của thang kích thước phông chữ - Độ rõ ràng trong phân cấp tiêu đề (heading hierarchy) ### 2. Khoảng Cách & Bố Cục (Spacing & Layout) - Tính nhất quán của lề ngoài (margin) và khoảng đệm trong (padding) - Nhịp điệu bố cục có quy luật so với sự sắp xếp ngẫu nhiên ### 3. Hệ Thống Màu Sắc (Color System) - Tính nhất quán về mặt ngữ nghĩa của màu sắc - Các mã màu bị dư thừa trùng lặp hoặc xung đột lẫn nhau ### 4. Tính Nhất Quán Của Các Thành Phần (Component Consistency) - Nút bấm (các biến thể, trạng thái) - Ô nhập liệu (các khuôn mẫu đồng nhất) - Thẻ (cards), hộp thoại (modals), thanh điều hướng (navigation) ### 5. Tính Nhất Quán Trong Tương Tác - Trạng thái khi di chuột (hover) / kích hoạt (active) - Sự đồng nhất về hành vi phản hồi trên toàn giao diện ### 6. Các Dấu Hiệu Của Nợ Thiết Kế (Design Debt Signals) - Các kiểu dáng tự phát chỉ dùng một lần (one-off styles) - Các đoạn mã ghi đè kiểu dáng trực tiếp (inline overrides) - Sự trôi lệch chuẩn thị giác (visual drift) giữa các trang khác nhau --- ### Định Dạng Đầu Ra: **Điểm Nhất Quán (1–10)** **Các Điểm Thiếu Nhất Quán Nghiêm Trọng** **Các Vi Phạm Quy Tắc Hệ Thống** **Các Chỉ Báo Về Nợ Thiết Kế** **Kế Hoạch Chuẩn Hóa Đồng Bộ** **Lộ Trình Khắc Phục Theo Thứ Tự Ưu Tiên**
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ệ.
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.
