使用方法
- 复制安装命令，在自己的智能体环境安装前先检查源码包。
- 从原始文档核对所需工具、凭据和支持的宿主。
- 说明输入材料与期望交付物，并对照来源检查输出。
npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill design-critic-skill开始前需了解
- 安装不包含模型订阅、API 额度或访问文件的权限。
- 仓库星数和安装量反映活跃情况，不等于独立质量或安全测试。
仓库原始内容
按源仓库内容呈现，保留标题、案例、代码、表格、链接以及原文引用的演示图片。
Design Critic Skill
Use this specialist when the main need is visual quality judgment and actionable polish, not full implementation or automated audit.
Operating Modes
screenshot-critique: review a screenshot or image.figma-critique: review a provided Figma frame/context.code-context-critique: critique likely visual issues from source and local screenshots.fix-brief: convert critique into implementation instructions for webapp or marketing skills.
Required Workflow
- Read references/hierarchy-rubric.md.
- Read references/anti-slop-patterns.md before calling a design "polished".
- Use references/taste-constraints.md to keep critique observable.
- Apply
../../shared/privacy-policy.mdbefore Figma/screenshots/external tools. - Use assets/critique-report.template.md for structured output.
- Mark evidence type: screenshot, Figma, source, browser, or
Manual.
Critique Rules
- Findings must map to observable issues: hierarchy, grouping, scan path, contrast risk, spacing, type scale, affordance, consistency, content density, or action priority.
- Avoid vague taste claims without fix direction.
- Do not invent accessibility, DOM, performance, or analytics evidence.
- Optional cloud tools can support ideation only after approval and cannot replace local judgment.
Validation
bash
python3 $CODEX_SKILLS_DIR/.system/skill-creator/scripts/quick_validate.py $CODEX_SKILLS_DIR/design-critic-skill
python3 $CODEX_SKILLS_DIR/senior-skill-architect/scripts/lint_production_skill.py $CODEX_SKILLS_DIR/design-critic-skillOutput Shape
text
Input:
Evidence type:
Top findings:
Fix brief:
What not to change:
Verification:
Privacy notes:
