How does the skill determine the order of the review?

It uses a three-lens framework (Structural, Compositional, and Sensory) to ensure foundational decisions, like screen inventory, are settled before styling decisions, like color.

What is a design area or facet in this context?

A design area (internally called a facet) is a specific dimension of a user interface, such as Navigation, Typography, or Edge States, that requires dedicated focus during a critique.

Does this skill generate actual designs?

This specific skill handles the planning phase. Once the plan is confirmed, it hands off to other specialized skills to generate the interactive wireframes for each area.

Can I customize the suggested design plan?

Yes. The skill presents the plan conversationally in the terminal, allowing you to add, remove, or reorder areas before the plan is finalized and work begins.

Design Review Planner

Name: Design Review Planner
Author: metedata

bymetedata

0•

Design Tools

Architects a structured UI/UX critique roadmap by analyzing project briefs and prioritizing design focus areas.

The Design Review Planner skill acts as a design lead within Claude Code, transforming a confirmed project brief into a logical, step-by-step roadmap for UI/UX evaluation. It intelligently selects from a library of 19 pre-built design areas—such as screen inventory, navigation, and accessibility—based on your specific project type and complexity. By applying a 'first principles' approach, it ensures that foundational structural decisions are resolved before moving into compositional and sensory details, providing a clear path for iterative design feedback and wireframe generation.

Key Features

010 GitHub stars

02Automated brief analysis to identify project constraints and complexity indicators

03Generates a read-only HTML overview for visual tracking of the design roadmap

04Intelligent selection of core and situational design facets tailored to project goals

05Conversational terminal interface for reviewing and modifying the design plan

06Dependency-aware ordering that prioritizes high-impact structural decisions

Use Cases

01Structuring collaborative design critiques to avoid jumping into aesthetics prematurely

02Ensuring critical UI/UX areas like edge states and accessibility are prioritized early

03Defining the sequential workflow for a new MVP or complex web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add metedata/design-crit facet-planning

For use in Claude.ai and ChatGPT

Key Features

010 GitHub stars

02Automated brief analysis to identify project constraints and complexity indicators

03Generates a read-only HTML overview for visual tracking of the design roadmap

04Intelligent selection of core and situational design facets tailored to project goals

05Conversational terminal interface for reviewing and modifying the design plan

06Dependency-aware ordering that prioritizes high-impact structural decisions

Use Cases

01Structuring collaborative design critiques to avoid jumping into aesthetics prematurely

02Ensuring critical UI/UX areas like edge states and accessibility are prioritized early

03Defining the sequential workflow for a new MVP or complex web application