Ngày dựng và kiểm UI

Thiết kế giao diện có quan điểm rõ ràng như một design lead, rồi xác minh bằng ảnh chụp trên browser thật. Bộ này bắt cả lỗi accessibility, responsive và trạng thái, giúp UI không còn trông như 'do AI làm'.

7 skill

a11y-audit (Kiểm toán khả năng tiếp cận)

Kỹ năng quét, sửa và xác minh tuân thủ WCAG 2.2 mức A/AA cho dự án React, Next.js, Vue, Angular, Svelte và HTML thuần.

Lập trình★ 24,151Điểm AI 9/10

Kiểm thử Web App (Playwright)

Chính thức

Skill chính thức giúp Claude dùng Playwright mở web app cục bộ để click, chụp ảnh màn hình và đọc console log nhằm kiểm thử frontend.

Lập trình★ 167,132Điểm AI 9/10

Định hướng Thiết kế Frontend

Chính thức

Skill chính thức biến Claude thành design lead, tạo giao diện có bản sắc riêng thay vì mẫu template quen thuộc.

Thiết kế · UI★ 167,132Điểm AI 9/10

Design Is — Kiểm định thiết kế theo Dieter Rams

Chấm điểm UI theo 10 nguyên tắc "thiết kế tốt" của Dieter Rams kèm dẫn chứng, rồi đưa ra phán quyết NEW / REFINE / REDESIGN và prompt kế hoạch tiếp theo.

Thiết kế · UI★ 90,139Điểm AI 8/10

Visual QA (Kiểm định giao diện)

Skill kiểm định giao diện web và TUI bằng bằng chứng chụp ảnh/so sánh pixel cộng hai reviewer độc lập, rồi kết luận GOOD hoặc NEEDS WORK.

Thiết kế · UI★ 67,531Điểm AI 8/10

Kỹ sư Frontend

Skill áp đặt quy trình build → kiểm thử → xác minh bằng ảnh chụp trình duyệt trước khi được phép nói "đã xong".

Lập trình★ 30,471Điểm AI 8/10

Kiểm thử trực quan Frontend

Kiểm định UI đã render (web, dashboard, slide HTML, Electron) bằng trình duyệt thật, ảnh chụp được kiểm tra và quét Playwright để tìm lỗi layout, responsive, trạng thái và đầu ra.

Lập trình★ 1,323Điểm AI 9/10