Back to Details

design-review

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Skill: Design Review

Skill: Design Review

Run a structured, scored review.
执行结构化的、带评分的评审。

Steps

步骤

  1. Read 
    workflows/design-review.md
    (rubric, scoring guide, Nielsen heuristics, process).
  2. Gather context: the screen(s)/flow, target users, platform, constraints.
  3. Score the 6 dimensions (Visual Hierarchy 20%, Consistency 20%, Accessibility 20%, Usability 20%, Responsiveness 10%, Performance 10%); compute the weighted overall.
  4. Run the accessibility lens with 
    accessibility/wcag-checklist.md
    ; use 
    scripts/contrast.py
    for any color-pair doubts.
  5. Check against the anti-slop tells in 
    taste/design-taste.md
    (Banned Defaults checklist).
  6. Apply Nielsen's 10 heuristics; flag violations by number.
  1. 阅读
    workflows/design-review.md
    （评审准则、评分指南、尼尔森10条启发式原则、流程说明）。
  2. 收集上下文信息：界面/流程、目标用户、平台、约束条件。
  3. 对6个维度进行评分（视觉层级20%、一致性20%、可访问性20%、可用性20%、响应性10%、性能10%）；计算加权总分。
  4. 使用
    accessibility/wcag-checklist.md
    进行可访问性检查；若对颜色搭配有疑问，使用
    scripts/contrast.py
    工具。
  5. 对照
    taste/design-taste.md
    中的“禁用默认项检查清单”（Banned Defaults checklist）进行核查。
  6. 应用尼尔森10条启发式原则；按编号标记违反项。

Output

输出

  • The 6-dimension scored table + overall score.
  • A prioritized findings table: # · Severity (Critical → Major → Minor → Enhancement) · Finding · Recommendation.
  • Concrete, token-referenced fixes.
  • 包含6个维度评分的表格 + 总分。
  • 优先级发现表：编号 · 严重程度（关键→主要→次要→优化建议） · 问题发现 · 改进建议。
  • 具体的、可落地的修复方案。