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

Làm được gì

Skill kiểm định (audit) một thiết kế UI dựa trên 10 nguyên tắc của Dieter Rams: đổi mới, hữu dụng, thẩm mỹ, dễ hiểu, không gây nhiễu, trung thực, bền lâu, tỉ mỉ đến chi tiết cuối, thân thiện tài nguyên, và càng ít thiết kế càng tốt.

• Phase 0 – Khóa phạm vi: xác định URL/đường dẫn, người dùng chính, tác vụ chính, ràng buộc → 00-scope.md
• Phase 1 – Thu thập bằng chứng: chạy song song các subagent về cấu trúc, hình ảnh, câu chữ & tính trung thực, hiệu năng, khả năng tiếp cận; mọi con số phải kèm file:line
• Phase 2 – Bảng điểm: mỗi nguyên tắc 0–3 điểm theo mốc chuẩn cố định, tổng tối đa 30; lưỡng lự thì chọn điểm thấp hơn, chấm theo trường hợp tệ nhất
• Phase 3 – Phán quyết: ≥20 điểm và không nguyên tắc nào 0 → REFINE; <20 hoặc nguyên tắc trọng yếu bị 0 → REDESIGN; chưa có thiết kế → NEW
• Phase 4 – Bàn giao: sinh prompt /make-plan tự chứa, đã điền hết placeholder

Kết quả lưu trong thư mục DESIGN-IS-<ngày>/ gồm 5 tài liệu.

Phù hợp với ai

• Product designer / dev frontend muốn review dựa trên bằng chứng thay vì cảm tính
• Team lead, PM cần lý lẽ rõ ràng để thuyết phục "làm lại" hay "chỉ tinh chỉnh"
• Người làm sản phẩm indie muốn kiểm tra thiếu sót ở empty/loading/error/focus state

Ví dụ sử dụng

1. "Audit thiết kế trang pricing tại src/app/pricing" → skill đếm phần tử tương tác, đo contrast, phát hiện thiếu trạng thái lỗi, cho 17/30 và kết luận REDESIGN
2. "Xem UI checkout của tôi có trung thực không" → subagent liệt kê từng chuỗi văn bản, gắn cờ khan hiếm giả và phí ẩn, nguyên tắc #6 bị 0 điểm
3. "Tôi chưa có màn hình nào, muốn thiết kế onboarding mới" → bỏ qua Phase 1–2, trả về phán quyết NEW cùng template /make-plan cho thiết kế từ đầu

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.