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 toán UX theo heuristic

Skill rà soát màn hình hiện có theo 10 heuristic của Nielsen và tiêu chuẩn UX mobile, rồi xuất báo cáo lỗi phân theo mức độ nghiêm trọng.

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

Nó làm được gì

  • Nhận đường dẫn file hoặc tên màn hình và kiểm toán UX ở chế độ chỉ đọc (Read/Grep/Glob).
  • Duyệt lần lượt 10 heuristic của Nielsen: khả năng nhìn thấy trạng thái hệ thống, quyền kiểm soát của người dùng, phòng ngừa lỗi, phục hồi sau lỗi...
  • Bổ sung checklist riêng cho mobile (vùng chạm 44x44px, affordance cho swipe, skeleton trong 300ms, safe-area cho notch/home indicator) và chống dark pattern.
  • Xuất kết quả theo định dạng: điểm A+ đến F / lỗi nghiêm trọng / lỗi lớn / lỗi nhỏ / đề xuất sửa code cụ thể.
  • Với dự án có registry .styleseed, chỉ đọc bundle và manifest của artifact tương ứng để đối chiếu quy tắc dự án.

Phù hợp với ai

  • Lập trình viên frontend web/app và product designer.
  • Nhóm duy trì design system, cần chất lượng màn hình đồng nhất.
  • Developer làm một mình, muốn lọc lỗi UX trước khi phát hành.

Ví dụ sử dụng

  1. /ss-audit src/app/dashboard/page.tsx — kiểm tra trạng thái loading, empty state, việc trùng chỉ số hero.
  2. /ss-audit luồng thanh toán — tập trung vào dialog xác nhận hành động phá huỷ, undo, thời điểm validate form.
  3. Trước khi refactor mobile web: soát vùng chạm, safe-area, các tương tác phụ thuộc hover rồi lập backlog ưu tiên.

Chỉ kiểm accessibility thì dùng /ss-a11y; kiểm token design system dùng /ss-review; kiểm microcopy dùng /ss-copy.

· · · 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 && mkdir -p ~/.claude/skills && cp -r 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.
  2. Clone repo: git clone https://github.com/bitjaru/styleseed.git
  3. Tạo thư mục skills: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r styleseed/engine/.claude/skills/ss-audit ~/.claude/skills/
  5. (Khuyến nghị) Skill này tham chiếu các skill cùng bộ như ss-update, ss-review, ss-a11y, nên copy toàn bộ sẽ an toàn hơn: cp -r styleseed/engine/.claude/skills/* ~/.claude/skills/
  6. Khởi động lại Claude Code rồi chạy /ss-audit <đường-dẫn-file>.
  7. Nếu dự án dùng cấu trúc styleseed (.styleseed/project.json...), hãy chạy tại thư mục gốc chứa các file đó.
Xem mã nguồn trên GitHub ↗Giấy phép: MIT