Color

visual-design-foundations giúp các nhóm xây dựng hệ thống UI thực tiễn với thang kiểu chữ, token màu, quy tắc khoảng cách và hướng dẫn iconography. Hãy dùng skill này để thiết lập nền tảng thiết kế vững chắc, tạo style guide, rà soát phân cấp thị giác và tạo CSS variables sẵn sàng triển khai từ các ràng buộc thiết kế rõ ràng.

Skill colorize giúp các nhóm UI bổ sung màu sắc có chủ đích cho những giao diện xám hoặc thiếu điểm nhấn. Tìm hiểu khi nào nên dùng, cần cung cấp bối cảnh gì và cách skill này phù hợp với quy trình impeccable cùng $frontend-design và các quyết định màu sắc bám sát thương hiệu.

bolder giúp biến những thiết kế UI an toàn nhưng nhạt nhòa trở nên nổi bật hơn mà vẫn giữ được tính dễ dùng. Tìm hiểu khi nào nên dùng skill bolder, bước tiền đề bắt buộc $frontend-design, cùng hướng dẫn thực tế để viết prompt tốt hơn, chẩn đoán vấn đề chính xác hơn và tăng độ táo bạo về thị giác một cách có kiểm soát.

distill là một skill thiết kế UI dùng để tinh gọn màn hình, component và luồng về đúng mục tiêu cốt lõi. Hãy dùng khi cần giảm rối mắt, nhiễu thị giác và tình trạng phình to tính năng, nhưng lưu ý distill phụ thuộc vào /frontend-design và đôi khi cần /teach-impeccable trước khi sử dụng.

Tìm hiểu cách skill colorize bổ sung màu sắc có chủ đích cho các thiết kế UI xám, nhạt hoặc thiếu điểm nhấn. Hướng dẫn này trình bày phần chuẩn bị bắt buộc với frontend-design, bối cảnh cài đặt từ repository và cách áp dụng thực tế để cải thiện phân cấp, ngữ nghĩa và độ phù hợp với thương hiệu.

bolder là skill dành cho thiết kế UI, giúp các giao diện quá nhạt, quá an toàn hoặc thiếu điểm nhấn trở nên rõ tương phản hơn, có thứ bậc tốt hơn và giàu cá tính hơn. Hãy dùng sau bước thu thập ngữ cảnh bằng /frontend-design, hoặc dùng sau /teach-impeccable khi chưa có ngữ cảnh thiết kế, để nhận được các đề xuất cải thiện sắc nét và khả thi hơn mà vẫn giữ được tính dễ dùng.

Skill quieter giúp giảm cường độ thị giác trong UI Design, làm giao diện bớt chói, gắt hoặc gây quá tải cảm giác mà vẫn giữ được thứ bậc, độ rõ ràng và cá tính thương hiệu. Phù hợp nhất khi dùng sau quy trình /frontend-design bắt buộc trong repository pbakaus/impeccable.

distill là skill giúp tinh gọn thiết kế UI bằng cách lược bỏ màn hình về đúng tác vụ cốt lõi. Dùng skill này để dọn bớt chi tiết thừa, giảm nhiễu và làm rõ thứ bậc thị giác. Hiệu quả nhất khi chạy sau /frontend-design, với một màn hình cụ thể, một mục tiêu người dùng chính và các ràng buộc bắt buộc phải giữ rõ ràng.

Skill colorize giúp các nhóm bổ sung màu sắc có chủ đích cho những thiết kế UI xám hoặc phẳng, thiếu điểm nhấn. Skill này hướng dẫn nên dùng màu ở đâu, vì sao điều đó quan trọng, và cách áp dụng trong bối cảnh thương hiệu, phân cấp, trạng thái ngữ nghĩa và sắc thái sẵn có. Nên dùng sau /frontend-design để đưa ra quyết định màu sắc đáng tin cậy hơn.

baoyu-cover-image giúp agent tạo prompt ảnh bìa bài viết có cấu trúc dựa trên loại ảnh, bảng màu, kiểu render, chữ và cảm xúc. Skill hỗ trợ các tỷ lệ 2.35:1, 16:9 và 1:1, kèm quy tắc tự chọn và hướng dẫn tương thích, phù hợp cho quy trình làm ảnh bìa lặp lại trong biên tập nội dung và UI Design.

teach-impeccable là kỹ năng thiết lập một lần, quét repo của bạn, chỉ hỏi những điểm còn thiếu về UX và thương hiệu, rồi lưu hướng dẫn thiết kế dùng lâu dài cho các phiên AI sau này.

quieter là skill tinh chỉnh thiết kế UI giúp giảm độ gắt về thị giác nhưng vẫn giữ được thứ bậc thông tin, bản sắc thương hiệu và tính dễ dùng. Skill này phát huy hiệu quả nhất sau /frontend-design và, khi cần, /teach-impeccable, giúp đội ngũ làm dịu các giao diện quá ồn mà không phải thiết kế lại toàn bộ.