design-critic-skill

Installation
SKILL.md

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

  1. Read references/hierarchy-rubric.md.
  2. Read references/anti-slop-patterns.md before calling a design "polished".
  3. Use references/taste-constraints.md to keep critique observable.
  4. Apply ../../shared/privacy-policy.md before Figma/screenshots/external tools.
  5. Use assets/critique-report.template.md for structured output.
  6. Mark evidence type: screenshot, Figma, source, browser, or Manual.
Installs
15
GitHub Stars
15
First Seen
Jul 29, 2026
design-critic-skill — sergekostenchuk/ui-ux-agent-skill-system