GitHub
pbakaus/impeccable — Ngôn ngữ thiết kế giúp AI harness của bạn làm thiết kế tốt hơn.
AILần đầu xuất hiện 1.092 điểm
Impeccable là một bộ hướng dẫn thiết kế giao diện dành cho các AI viết code. Nó giúp AI tạo ra giao diện web đẹp hơn và bớt giống nhau.
Chuyện gì đã xảy ra?
Dự án Impeccable trên GitHub được giới thiệu như một bộ kỹ năng (skill) giúp các công cụ lập trình bằng AI thiết kế giao diện tốt hơn. Người dùng cài đặt bằng một lệnh, rồi chạy lệnh /impeccable init trong dự án của mình. Lệnh này ghi lại thông tin về sản phẩm vào file PRODUCT.md, để AI hiểu đối tượng người dùng và mục đích của sản phẩm.
Các con số chính
- 1 kỹ năng (skill) tên là impeccable.
- 24 lệnh, ví dụ polish (làm bóng bẩy lần cuối), audit (kiểm tra chất lượng), critique (góp ý thiết kế).
- 62 luật kiểm tra tự động. Các luật này chạy mà không cần AI và không cần khóa API.
- Có chế độ xem trực tiếp trong trình duyệt để thử nhiều phiên bản của một phần giao diện.
Vì sao cần công cụ này?
Các AI đều học từ những mẫu giao diện SaaS giống nhau. Vì vậy, nếu không có hướng dẫn, giao diện do AI làm thường có những dấu hiệu lặp lại. Ví dụ: dùng font Inter cho mọi thứ, nền gradient tím sang xanh, thẻ lồng trong thẻ, chữ xám trên nền màu, và một ô vuông bo góc chứa icon đặt trên mọi tiêu đề. Impeccable được xây dựng dựa trên bộ skill frontend-design của Anthropic, là một trong những skill thiết kế giao diện đầu tiên được dùng rộng rãi cho Claude.
Vì sao điều này quan trọng?
Nhiều người đang dùng AI để viết code giao diện. Nếu AI luôn làm ra những trang web giống nhau, sản phẩm sẽ khó nổi bật. Công cụ này cho AI một bộ từ vựng thiết kế chung và các luật kiểm tra rõ ràng, nên kết quả đẹp hơn và đỡ rập khuôn hơn. Với lập trình viên, đây là cách giúp AI làm việc giống một nhà thiết kế có kinh nghiệm hơn.
Cần theo dõi gì tiếp theo?
- Xem người dùng có thấy giao diện tốt hơn khi dùng Impeccable không.
- Theo dõi các cập nhật mới cho lệnh và luật kiểm tra.
- Xem tài liệu đầy đủ tại impeccable.style.
Chú giải
- Impeccable
- Bộ hướng dẫn thiết kế giao diện cho các công cụ lập trình bằng AI.
- skill
- Một gói kiến thức hoặc hướng dẫn mà AI có thể đọc và làm theo.
- PRODUCT.md
- File ghi lại thông tin cốt lõi về sản phẩm như đối tượng người dùng và mục đích.
- SaaS
- Phần mềm chạy trên web và được thuê theo tháng hoặc năm, thay vì mua một lần.
- Inter
- Một kiểu chữ (font) phổ biến dùng cho giao diện web và ứng dụng.
- API
- Cách để các chương trình khác nhau kết nối và trao đổi dữ liệu với nhau.