360 Secure SkillHub
360 安全技能中心

design-review

该 Skill 依据外部设计工具包中的评分细则、WCAG 清单与设计品味清单,对界面或流程做 6 维度加权打分(视觉层级、一致性、可访问性、可用性、响应式、性能),结合 Nielsen 十项启发式给出分级问题表与可落地的修复建议;若工具包缺失则直接停止。

plugin87
热度 0.00
最近更新 2026-10-19 04:19:20
分类:数据依赖:读写文件 / 代码执行应用场景:报告撰写 / 推荐 / 研究

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add plugin87/ux-ui-agent-skills/design-review
Metadata
name
design-review
description
Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table. Use when the user wants a design critique, quality score, heuristic evaluation, or audit of an existing screen, page, or product before/after build.

Skill: Design Review

Step 0 — is the kit here? This skill reads files from the kit. Check once: ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING On KIT_MISSING only the skill folders were installed, which is what npx skills add does. Say so plainly, point the user at npx ux-ui-agent-skills init or the plugin install, and stop. Do not guess the contents of a file you could not open.

Run a structured, scored review.

Steps

  1. Read ${CLAUDE_SKILL_DIR}/../../../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 ${CLAUDE_SKILL_DIR}/../../../accessibility/wcag-checklist.md; use ${CLAUDE_SKILL_DIR}/../../../scripts/contrast.py for any color-pair doubts.
  5. Check against the anti-slop tells in ${CLAUDE_SKILL_DIR}/../../../taste/design-taste.md (Banned Defaults checklist).
  6. Apply Nielsen's 10 heuristics; flag violations by number.

Output

  • The 6-dimension scored table + overall score.
  • A prioritized findings table: # · Severity (Critical → Major → Minor → Enhancement) · Finding · Recommendation.
  • Concrete, token-referenced fixes.