plan-design-review

Name: plan-design-review
Availability: InStock
Author: filipnyquist

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

Ready to run

npx skills add https://github.com/filipnyquist/caidos --skill plan-design-review-filipnyquist

💬 Prompt for ChatGPT / Claude Chat▼

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.