Can I resume a design review session later?

Yes. The skill reads your state.json file upon re-entry to summarize your progress and pick up exactly where you left off in the critique pipeline.

What deliverables are produced at the end?

The final stage generates a direction.html visual summary, a design-tokens.json file for implementation, and a decisions.md file documenting the rationale for each choice.

Where are my design decisions stored?

All progress, decision history, and current states are stored locally in the .design-crit/ directory within your project repository.

How does the side-by-side review work?

The skill generates multiple HTML wireframe options and opens an overview dashboard in your browser, allowing you to visually compare design variations before providing feedback.

What is a design 'facet' in this skill?

A facet, referred to as a 'design area' in the interface, is a specific UI component or theme (like navigation, typography, or density) that is reviewed and locked individually.

Design Critique Orchestrator

Name: Design Critique Orchestrator
Author: metedata

bymetedata

0•

デザインツール

Orchestrates structured UI/UX reviews and iterative wireframe generation within the development workflow.

The Design Critique Orchestrator is a specialized plugin for Claude Code designed to manage the end-to-end design review process. It guides users through a professional design pipeline—from initial briefing and facet planning to iterative visual reviews using side-by-side HTML wireframes. By tracking user preferences and 'locked' decisions in a persistent state, the skill ensures that UI/UX development remains consistent, collaborative, and well-documented. It ultimately synthesizes feedback into actionable design tokens and a coherent visual direction.

主な機能

010 GitHub stars

02Iterative crit loops for refining specific design areas (facets)

03Guided design brief and project scoping orchestration

04Side-by-side HTML wireframe generation for visual comparison

05Synthesis of design tokens and finalized direction deliverables

06Persistent state management with automated progress tracking

ユースケース

01Establishing a consistent design system and set of UI tokens for a codebase

02Prototyping new application features with structured visual feedback loops

03Conducting professional-grade UI/UX audits and refinements during development

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add metedata/design-crit design-crit

For use in Claude.ai and ChatGPT

Download Skill