Impeccable là gì: skill và 17 lệnh giúp AI thiết kế giao diện

Thử hình dung anh chị nhờ AI dựng landing page cho sự kiện của công ty. Mười phút sau có trang chạy ngon: font Inter, nền gradient tím, ba thẻ bo góc xếp hàng ngang. Mở thêm vài trang khác do AI làm, anh chị giật mình: trang nào cũng y như vậy, như được đúc cùng một khuôn.

Đó không phải lỗi của riêng model nào. Impeccable là bộ skill và lệnh mã nguồn mở của Paul Bakaus, giúp trợ lý lập trình AI thiết kế giao diện có chủ đích hơn và bớt những "dấu vân tay AI" quen thuộc. Impeccable phát triển tiếp từ skill frontend-design của Anthropic.

Đọc nhanh trong 30 giây

• Impeccable là bộ skill thiết kế, 17 lệnh và danh sách lỗi cần tránh, giấy phép Apache 2.0. Repo đổi tên thành Impeccable và chuẩn bị ra mắt ngày 07/01/2026.
• Nó dạy AI về chữ, màu, khoảng cách, chuyển động, và cho anh chị lệnh như /audit, /polish, /quieter để điều khiển từng bước.
• Cài bằng cách tải gói ZIP trên impeccable.style hoặc chép thư mục trong dist/ vào dự án.
• Hợp với đội đã có sản phẩm chạy được, muốn nâng giao diện mà không có designer toàn thời gian.

Impeccable là gì, vì sao giao diện AI làm trông na ná nhau?

Impeccable là một gói gồm một skill thiết kế, 17 lệnh điều khiển và một danh sách lỗi cần tránh, cài vào Cursor, Claude Code, Gemini CLI hoặc Codex CLI. README giải thích gốc rễ: mọi model đều học từ cùng một kho mẫu, nên không ai hướng dẫn thì AI lặp lại cùng kiểu sai.

Ví von cho dễ hình dung: AI giống một đầu bếp nấu theo thói quen của cả khu phố, món nào cũng nêm cùng một gói gia vị. Ăn một bữa thì ngon, ăn cả tuần thì ngán. Impeccable đưa cho đầu bếp cuốn sổ công thức của nhà hàng có tiếng, kèm tờ giấy dán bếp ghi "những thứ không được cho vào nồi".

Những "dấu vân tay AI" quen thuộc và cách Impeccable chữa.

Danh sách lỗi cần tránh trong README có các dòng như: không dùng font quá phổ biến (Arial, Inter, font hệ thống), không dùng chữ xám trên nền màu, không dùng đen hoặc xám thuần mà luôn pha sắc, không bọc mọi thứ trong thẻ, không dùng hiệu ứng nảy kiểu đàn hồi.

Phần "sổ công thức" là 7 tài liệu tham khảo theo README:

17 lệnh của Impeccable: nói chuyện với AI bằng ngôn ngữ của designer

17 lệnh của Impeccable chia thành nhóm việc rõ ràng: tìm lỗi, sửa cho chuẩn, chỉnh cá tính và cấu trúc. Mỗi lệnh nhận thêm một tham số để khoanh vùng, ví dụ /audit header hay /polish checkout-form.

Hãy nghĩ tới bàn chỉnh ảnh trên điện thoại: có nút tăng sáng, giảm bão hòa, làm nét. Anh chị không cần biết thuật toán bên dưới, chỉ cần biết mình muốn ảnh "sáng hơn" hay "dịu hơn". 17 lệnh của Impeccable là các nút như thế, dành cho giao diện.

17 lệnh như các nút trên bàn chỉnh ảnh, chỉ khác là dành cho giao diện.

Trên Codex CLI, cú pháp khác: /prompts:audit, /prompts:polish. Với Claude Code, repo có thêm bản lệnh gắn tiền tố i- (ví dụ /i-audit) để tránh trùng tên với lệnh sẵn có.

Mẹo

Luôn chạy /audit và /critique trước, đọc danh sách vấn đề, rồi mới cho /polish. Tách "khám" khỏi "chữa" giúp anh chị biết chính xác AI sắp đổi gì, thay vì mở ra thấy cả trang đã khác.

Cài Impeccable cho công cụ của anh chị

Cách README khuyên dùng là tải gói ZIP đúng công cụ trên trang impeccable.style rồi giải nén vào dự án. Muốn lấy từ repo thì chép thư mục trong dist/:

1. Claude Code, cho riêng một dự án hoặc cho toàn máy:

# Project-specific
cp -r dist/claude-code/.claude your-project/

# Or global (applies to all projects)
cp -r dist/claude-code/.claude/* ~/.claude/

2. Cursor:

cp -r dist/cursor/.cursor your-project/

README lưu ý Cursor cần chuyển sang kênh Nightly và bật Agent Skills trong phần cài đặt.

3. Gemini CLI:

cp -r dist/gemini/.gemini your-project/

Gemini CLI cần bản preview (npm i -g @google/gemini-cli@preview), bật "Skills" trong /settings, rồi kiểm tra bằng /skills list.

4. Codex CLI:

cp -r dist/codex/.codex/* ~/.codex/

Chưa quen khái niệm skill thì anh chị đọc trước bài Agent Skills là gì.

Thử ngay với hai trang có sẵn

Việc 1: rà lại trang đăng ký sự kiện. Trang do AI làm tuần trước, chạy được nhưng nhìn rối. Trình tự hợp lý:

/teach-impeccable
/audit
/critique form đăng ký
/polish form đăng ký

Bước đầu cho AI biết thương hiệu, người dùng, cảm xúc muốn tạo. /audit và /critique liệt kê vấn đề, anh chị duyệt danh sách rồi mới cho /polish động tay.

Việc 2: dashboard nội bộ quá sặc sỡ. Gõ /quieter để giảm độ ồn, sau đó /clarify để sửa nhãn và thông báo lỗi cho nhân viên dễ hiểu.

Impeccable khác gì UI UX Pro Max?

Impeccable dạy AI nguyên tắc thiết kế và cho anh chị lệnh để điều khiển từng bước, còn UI UX Pro Max đưa cho AI một kho dữ liệu phong cách, bảng màu, font để tự tra. Một bên là thầy dạy nghề, một bên là cuốn catalogue.

Hai công cụ bổ sung cho nhau: chọn phong cách và tinh chỉnh.

Xem thêm bài UI UX Pro Max.

Lưu ý

• Giấy phép: Apache 2.0, dùng được trong doanh nghiệp. Phần frontend-design dựa trên bản của Anthropic, ghi công trong file NOTICE.md.
• Hỗ trợ còn ở bản thử: Cursor cần kênh Nightly, Gemini CLI cần bản preview. Máy công ty khóa cập nhật thì nên thử trên Claude Code trước.
• Có thể đá nhau với chuẩn nội bộ: các luật "tránh font này, tránh màu kia" có thể trái với bộ nhận diện thương hiệu của công ty.

Nhận xét của chuyên gia

Khi làm landing page cho các chiến dịch, tôi thấy vấn đề của giao diện AI không phải xấu, mà là vô danh. Khách vào trang không nhớ mình vừa xem thương hiệu nào. Impeccable chữa đúng chỗ đó, và điểm tôi thích nhất là nó tách việc tìm lỗi khỏi việc sửa, nên người không chuyên vẫn kiểm soát được AI đang thay đổi gì.

Hợp với ai: startup nhỏ, phòng công nghệ trong doanh nghiệp, người làm landing page cho phòng marketing, tức là đội đã có sản phẩm chạy được nhưng không có designer toàn thời gian.

Chưa hợp với ai: công ty đã có design system chặt và đội thiết kế riêng. Khi đó nên dùng /teach-impeccable để nạp chuẩn của mình, hoặc chỉ dùng /audit và /critique.

Cách bắt đầu của tôi: chọn một trang ít rủi ro, chạy /audit và /critique, in danh sách ra cho người phụ trách thương hiệu đọc. Đồng ý với hướng sửa rồi mới cho AI động vào code.

Một câu để nhớ: AI không thiếu tay nghề, AI thiếu gu, và gu thì dạy được.

Câu hỏi thường gặp

Impeccable có miễn phí không?

Có. Impeccable dùng giấy phép Apache 2.0, tải miễn phí trên GitHub hoặc trang impeccable.style.

Impeccable chạy được với công cụ nào?

README của Impeccable liệt kê Cursor, Claude Code, Gemini CLI và Codex CLI. Cursor và Gemini CLI cần bật tính năng skill ở bản thử nghiệm.

Impeccable khác gì skill frontend-design của Anthropic?

Impeccable phát triển từ frontend-design, thêm 7 tài liệu chuyên sâu, danh sách lỗi cần tránh và 17 lệnh để người dùng điều khiển từng bước.

Người không biết thiết kế có dùng Impeccable được không?

Được. Các lệnh như /audit, /quieter, /clarify mô tả bằng lời thường, anh chị chỉ cần biết mình muốn trang rõ hơn hay dịu hơn, phần kỹ thuật để AI lo.

Xem các mốc khác trong chuỗi bài dòng thời gian AI.

Nguồn: pbakaus/impeccable trên GitHub, 08/01/2026.