Claude Skill MartKhám phá skillCâu dùng ngayHọc qua videoDùng terminalSkill là gì?
 
← Về danh sách

ss-audit — Kiểm tra UX màn hình

Skill audit màn hình theo 10 heuristic của Nielsen và tiêu chuẩn UX mobile, trả về điểm số cùng danh sách lỗi theo mức độ ưu tiên.

Thiết kế · UITrung cấp★ 896⑂ 83Điểm AI 8/10Cập nhật lần cuối: 13 thg 8, 2026

Skill này làm gì

Thực hiện đánh giá UX cho một file màn hình hoặc tên màn hình bạn chỉ định.

  • Rà soát theo checklist 10 heuristic của Nielsen: trạng thái hệ thống, ngôn ngữ người dùng, quyền kiểm soát, tính nhất quán, phòng ngừa lỗi, phục hồi lỗi...
  • Kiểm tra riêng cho mobile: vùng chạm tối thiểu 44x44px, khoảng cách 8px giữa các vùng chạm, không phụ thuộc hover, skeleton hiện trong 300ms, safe-area cho notch và home indicator
  • Phát hiện dark pattern: bottom sheet ép buộc, hộp thoại giữ chân người dùng, CTA gây hiểu nhầm
  • Xuất kết quả: điểm A+ đến F, kèm nhóm Critical / Major / Minor và đề xuất sửa code cụ thể

Chỉ dùng công cụ đọc (Read, Grep, Glob) nên không tự ý sửa mã nguồn. Nếu dự án có thư mục .styleseed/, skill sẽ đọc bundle artifact tương ứng trước.

Phù hợp với ai

  • Lập trình viên frontend cần checklist QA trước khi phát hành
  • Product designer muốn áp dụng tiêu chuẩn review UX thống nhất cho cả nhóm
  • Đội nhóm dùng design system styleseed muốn tự động hoá vòng lặp review

Ví dụ sử dụng

  1. /ss-audit src/screens/CheckoutScreen.tsx — soát màn hình thanh toán: thiếu hộp thoại xác nhận, chất lượng thông báo lỗi, kích thước vùng chạm
  2. /ss-audit Trang chủ Dashboard — chẩn đoán mật độ card, trùng lặp chỉ số chính, thiếu skeleton loading
  3. Audit lần lượt 5 màn hình chính trước release rồi gom các lỗi Critical thành ticket sửa

· · · Hướng dẫn cài đặt · · ·

Dùng thử ngay, không cần cài

Dán đoạn dưới vào Claude là dùng được skill này mà không cần cài đặt.

Hãy đọc hướng dẫn trong tệp này và làm theo để giúp mình:
https://raw.githubusercontent.com/bitjaru/styleseed/HEAD/engine/.claude/skills/ss-audit/SKILL.md

Mình muốn: (viết việc bạn cần ở đây)

Nếu Claude không mở được liên kết, hãy mở liên kết và copy nội dung vào rồi dán.

↓ Thấy hữu ích thì tải ZIP bên dưới và cài. Sau đó skill tự chạy, không phải dán lại mỗi lần.

Cài vào ứng dụng Claude (không cần terminal)
  1. Tải tệp ZIP bằng nút bên dưới.
  2. Trong Claude, mở Settings → Capabilities và bật 'Code execution and file creation'. (chỉ một lần)
  3. Vào Customize → Skills → + → 'Upload a skill' rồi tải tệp ZIP lên.
↓ Tải ZIP
Cài vào Claude Code

Để Claude làm — dán câu dưới đây vào Claude Code

Hãy cài skill mình tìm thấy trên Claude Skill Mart.
Copy thư mục engine/.claude/skills/ss-audit từ repo GitHub bitjaru/styleseed vào ~/.claude/skills/ss-audit/ của mình.
Sau khi cài xong, cho mình biết skill này làm được gì trong một câu.

Cài bằng lệnh thủ công

git clone https://github.com/bitjaru/styleseed.git /tmp/styleseed && mkdir -p ~/.claude/skills && cp -r /tmp/styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/

⚠ Đây là skill do người khác tạo. Hãy kiểm tra repo gốc trước khi cài.

  1. Mở terminal và clone repo: git clone https://github.com/bitjaru/styleseed.git
  2. Tạo thư mục skill cá nhân: mkdir -p ~/.claude/skills
  3. Sao chép skill: cp -r styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/
  4. (Tuỳ chọn) Sao chép thêm ss-a11y, ss-review, ss-copy để các tham chiếu chéo hoạt động đầy đủ.
  5. Khởi động lại Claude Code và chạy /ss-audit <đường-dẫn-file hoặc tên-màn-hình>.
  6. Nếu là dự án styleseed, hãy khởi tạo thư mục .styleseed/ trước để kiểm tra cả token thiết kế.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT