plan-design-review

Generate visual mockups and design critique from PLAN documents.

5|1|Updated Feb 12, 2026
One-click install
npx skills add https://github.com/drt0927/tw-overlay --skill plan-design-review-drt0927
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/drt0927/tw-overlay/tree/main/.gemini/skills/gstack-plan-design-review
Command: npx skills add https://github.com/drt0927/tw-overlay --skill plan-design-review-drt0927

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

PLAN reviews often miss concrete, verifiable design decisions and visual guidance that engineers can implement. This Skill ensures the PLAN is critiqued with a designer's eye, generating mockups and clear feedback so the team ships with confidence.

Core Features & Use Cases

  • Automatic mockup generation: translate the PLAN's UI/UX intents into tangible visuals to anchor discussions.
  • Design critique & gap analysis: identify missing decisions, inconsistencies, and edge cases that could derail implementation.
  • Iterative refinement: produce updated mockups and notes as the PLAN evolves.

Quick Start

Run the gstack-plan-design-review on your PLAN to generate visual mockups and a design critique.

Frequently Asked Questions about plan-design-review

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

FAQPage Schema
How do I generate UI mockups from a design plan?

To generate UI mockups from a design plan, you run a design review on your plan document. It translates the plan's UI/UX intents into tangible visual mockups and provides actionable critique, identifying design gaps and missing routing decisions for engineering handoff.

What is design critique and gap analysis for plan documents?

Design critique and gap analysis for plan documents is the process of identifying missing decisions, inconsistencies, and edge cases. It targets UI/UX elements to ensure your plan has concrete, verifiable design decisions and visual guidance that engineers can confidently implement.

Can I use this skill to refine mockups iteratively as my plan evolves?

Yes, you can iteratively refine mockups as your plan evolves. The skill produces updated visual mockups and design notes across iterations, applying design feedback to continuously refine UI elements and record routing decisions for handoff.

Do I need a specific tool to generate visual mockups from my plan?

You need the gstack designer tool to generate visual mockups from your plan. This skill relies on the gstack designer tool to translate design intents into tangible visuals, iterate on feedback, and record design decisions for engineering handoff.

What is the best way to audit a plan for missing UI/UX decisions?

The best way to audit a plan for missing UI/UX decisions is to run a rigorous design critique. This process targets plan documents to identify design gaps, inconsistencies, and missing routing decisions, producing actionable feedback and mockups for ship-ready plans.