How jaehoonkim-x/claude-design-skills works
This repository is a collection of Claude Code design-review and annotation skills. A designer invokes a rubric skill—or a multi-skill wrapper—to assess a Pencil or Figma design and receive Korean Markdown findings; the annotation skill can then turn individual or aggregated findings into a visual canvas-side panel and mockups. The README documents the workflows and capabilities, but no source excerpts were provided, so the graph shows only documented relationships.
Main entry points: design-review-all/SKILL.md Review All · annotate-design/SKILL.md Design Annotator · design-ux-nielsen-review/SKILL.md Nielsen Review · design-review-essential/SKILL.md Review Essential
Components 33
UI Review
- UI Critic
skills/design-ui-critic-review/SKILL.md - IxDF Review
skills/design-ui-ixdf-review/SKILL.md - UI Polish
skills/design-ui-polish-review/SKILL.md - UI Checklist
skills/design-ui-checklist-review/SKILL.md - Token Drift
skills/design-ui-token-drift-review/SKILL.md - Dataviz Review
skills/design-ui-tufte-dataviz-review/SKILL.md - Gestalt Review
skills/design-ui-gestalt-review/SKILL.md - WCAG Review
skills/design-ui-wcag-review/SKILL.md - Polaris Review
skills/design-ui-polaris-ecommerce-review/SKILL.md - Erik Kennedy Review
skills/design-ui-erik-kennedy-review/SKILL.md
UX Review
- Laws of UX
skills/design-ux-lawsofux-review/SKILL.md - Nielsen Review
skills/design-ux-nielsen-review/SKILL.md - Microcopy Review
skills/design-ux-microcopy-review/SKILL.md - Norman Review
skills/design-ux-norman-review/SKILL.md - Form Review
skills/design-ux-form-review/SKILL.md - States Review
skills/design-ux-states-review/SKILL.md - Flow Review
skills/design-ux-flow-review/SKILL.md - Dark Pattern Review
skills/design-ux-dark-pattern-review/SKILL.md - Cognitive Walkthrough
skills/design-ux-cognitive-walkthrough-review/SKILL.md - PURE Review
skills/design-ux-pure-review/SKILL.md - HEART Review
skills/design-ux-heart-review/SKILL.md - Toss Review
skills/design-ux-toss-review/SKILL.md
Review Orchestration
- Review All
skills/design-review-all/SKILL.md - Review Essential
skills/design-review-essential/SKILL.md
Strategy Review
- CEO Review
skills/design-ceo-review/SKILL.md - JTBD Review
skills/design-ux-jtbd-review/SKILL.md
Annotation
- Design Annotator
skills/annotate-design/SKILL.md
Other components
- Designer
- Design Input
- Review Reports
- Design Canvas
- Pencil MCP
- Figma Console MCP
Connections 39
- Designer → Design Input: provides design
README.md - Designer → Review All: runs reviews
README.md - Designer → Review Essential: runs reviews
README.md - Designer → Nielsen Review: runs rubric
README.md - Design Input → Review All: reviewed by
README.md - Design Input → Review Essential: reviewed by
README.md - Design Input → Nielsen Review: reviewed by
README.md - Review All → UI Critic: dispatches rubric
README.md - Review All → IxDF Review: dispatches rubric
README.md - Review All → UI Polish: dispatches rubric
README.md - Review All → UI Checklist: dispatches rubric
README.md - Review All → Token Drift: dispatches rubric
README.md - Review All → Dataviz Review: dispatches rubric
README.md - Review All → Gestalt Review: dispatches rubric
README.md - Review All → WCAG Review: dispatches rubric
README.md - Review All → Polaris Review: dispatches rubric
README.md - Review All → Erik Kennedy Review: dispatches rubric
README.md - Review All → Laws of UX: dispatches rubric
README.md - Review All → Nielsen Review: dispatches rubric
README.md - Review All → Microcopy Review: dispatches rubric
README.md - Review All → Norman Review: dispatches rubric
README.md - Review All → Form Review: dispatches rubric
README.md - Review All → States Review: dispatches rubric
README.md - Review All → Flow Review: dispatches rubric
README.md - Review All → Dark Pattern Review: dispatches rubric
README.md - Review All → Cognitive Walkthrough: dispatches rubric
README.md - Review All → PURE Review: dispatches rubric
README.md - Review All → HEART Review: dispatches rubric
README.md - Review All → Toss Review: dispatches rubric
README.md - Review All → CEO Review: dispatches rubric
README.md - Review All → JTBD Review: dispatches rubric
README.md - Review All → Review Reports: generates reports
README.md - Review Essential → Review Reports: generates summary
README.md - Nielsen Review → Review Reports: writes findings
README.md - Designer → Design Annotator: runs annotation
README.md - Review Reports → Design Annotator: provides findings
README.md - Design Annotator → Design Canvas: adds panel
README.md - Design Annotator → Pencil MCP: writes via
README.md - Design Annotator → Figma Console MCP: writes via
README.md