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

Design Is — Kiểm định thiết kế theo 10 nguyên tắc Dieter Rams

Chấm điểm UI/thiết kế theo 10 nguyên tắc "Good design is..." của Dieter Rams dựa trên bằng chứng, rồi đưa ra phán quyết NEW/REFINE/REDESIGN kèm prompt lập kế hoạch.

Thiết kế · UINâng cao★ 94,479⑂ 8,352Điểm AI 9/10Cập nhật lần cuối: 22 thg 9, 2026

Làm được gì

  • Khóa phạm vi trước (Phase 0): URL, đường dẫn repo, component, frame Figma, người dùng chính và nhiệm vụ chính.
  • Triển khai song song 5 subagent thu thập bằng chứng: cấu trúc, thị giác, câu chữ & tính trung thực, khối lượng/ma sát, khả năng tiếp cận — mọi phát hiện phải có file:line hoặc số đo.
  • Chấm 10 nguyên tắc Rams, mỗi nguyên tắc 0–3 điểm (tối đa 30), theo mốc chuẩn cụ thể; nếu do dự thì chọn điểm thấp hơn và chấm theo trường hợp tệ nhất.
  • Ra đúng MỘT phán quyết: NEW / REFINE / REDESIGN dựa trên tổng điểm và các nguyên tắc trọng yếu (#2, #4, #6).
  • Xuất các tài liệu 00-scope.md → 04-handoff-prompt.md, kết thúc bằng prompt /make-plan tự chứa, dán là chạy.

Phù hợp với ai

  • Dev frontend và product designer muốn đánh giá UI bằng bằng chứng thay vì cảm tính.
  • Tech lead / PM cần lý lẽ rõ ràng để chọn giữa "tinh chỉnh" và "làm lại".
  • Người muốn phát hiện dark pattern, câu chữ thổi phồng, thiếu trạng thái (empty, loading, error, focus).

Ví dụ sử dụng

  1. "Audit thiết kế dashboard này" → bảng điểm với số phần tử tương tác, thang spacing, tỷ lệ tương phản thấp nhất; 22/30 → REFINE.
  2. "Trang landing của tụi mình có ổn theo Rams không?" → chỉ ra siêu ngôn từ marketing và khan hiếm giả, #6 = 0 → REDESIGN.
  3. "Chưa có gì cả, cần thiết kế luồng thanh toán mới" → bỏ qua Phase 1–2, verdict = NEW và sinh prompt /make-plan cho thiết kế mới.

· · · 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/thedotmack/claude-mem/HEAD/plugin/skills/design-is/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 plugin/skills/design-is từ repo GitHub thedotmack/claude-mem vào ~/.claude/skills/design-is/ 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/thedotmack/claude-mem.git && mkdir -p ~/.claude/skills && cp -r claude-mem/plugin/skills/design-is ~/.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/thedotmack/claude-mem.git
  3. Tạo thư mục skill: mkdir -p ~/.claude/skills
  4. Copy skill: cp -r claude-mem/plugin/skills/design-is ~/.claude/skills/
  5. Kiểm tra tệp ~/.claude/skills/design-is/SKILL.md đã tồn tại.
  6. Khởi động lại Claude Code, rồi yêu cầu ví dụ: "design audit trang này" hoặc "critique this design".
  7. Nên cài kèm lệnh /make-plan và skill agent-browser trong cùng repo để bước bàn giao và chụp ảnh màn hình hoạt động đầy đủ.
Xem mã nguồn trên GitHub ↗Giấy phép: Apache-2.0