skills.rest
filipnyquist
filipnyquistCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

plan-design-review

Analyze plan UI/UX decisions and generate mockups with the gstack designer.

Updated Mar 29, 2026
Search Tags:#ui-design#mockups#design-review#plan-validation#design-critique#gstack#plan-design
One-click install
npx skills add https://github.com/filipnyquist/caidos --skill plan-design-review-filipnyquist
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/filipnyquist/caidos/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/filipnyquist/caidos --skill plan-design-review-filipnyquist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design review and plan validation before implementation. It helps teams catch gaps in UI decisions, align stakeholders, and set concrete design criteria for build teams.

Core Features & Use Cases

  • Interactive plan critique that rates each design dimension 0-10 and explains what would push it to a 10.
  • Automatic generation of designer mockups using the gstack designer to visualize plan decisions.
  • Structured guidance to fix gaps before coding, with prompts for clarifications and edge-case coverage.
  • Use Case: Before starting a design-heavy feature, run this review to surface missing decisions and generate visuals that guide implementation.

Quick Start

Ask me to review the plan and I will generate mockups to tighten the design before implementation.

Frequently Asked Questions about plan-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I conduct a UI design review before starting implementation?▼

A plan design critique evaluates UI/UX decisions within a plan to surface gaps and actionable improvements. It requires plan context and existing design patterns to generate mockups and provide structured guidance for edge-case coverage.

Can I generate UI mockups from a design plan validation?▼

Yes, plan validation can generate designer mockups using the gstack designer to visualize UI decisions. This helps catch missing design choices and aligns stakeholders before implementation begins.

What is the best way to surface missing UX decisions in a mockup plan?▼

Run an interactive plan critique that rates each design dimension 0-10 and explains improvements needed to reach a 10. This surfaces missing UX decisions by prompting for clarifications and edge-case coverage before coding.

Does a design critique require access to existing repo design patterns?▼

Yes, a complete design critique requires access to existing repo design patterns and plan context. This enables accurate evaluation of UI decisions and generation of mockups that align with the current design system.

When do I need to run a plan-mode approval for a design-heavy feature?▼

Run a plan-mode approval before starting a design-heavy feature to catch gaps in UI decisions. This pre-implementation validation aligns stakeholders and generates visual mockups that guide the build team.

Related Skills

Explore More Design & Creative Skills→
BradliebsBradliebs

plan-design-review

Evaluate design plans with scored critiques and actionable fixes.

Community
Advanced
Sir-chawakornSir-chawakorn
33

vision-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced
kinetaskinetas

plan-design-review

Rate UI/UX design dimensions from 0 to 10 and propose concrete fixes.

Community
Advanced