skills.rest
jayzalowitz
jayzalowitzCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

plan-design-review

Review UI/UX design plans, identify missing decisions, and generate visual mockups.

2|Updated Mar 31, 2026
Search Tags:#ui-ux#mockups#design-review#design-validator#plan-analysis#gstack#plan-design
One-click install
npx skills add https://github.com/jayzalowitz/skytwin --skill plan-design-review-jayzalowitz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/jayzalowitz/skytwin/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/jayzalowitz/skytwin --skill plan-design-review-jayzalowitz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps senior planners and designers identify missing design decisions in a plan and elevates it into a review-ready blueprint. It enforces deliberate design choices before implementation and surfaces gaps that could derail user experience.

Core Features & Use Cases

  • Automatic mockup generation: use the gstack designer to produce visual mockups directly from the plan.
  • Gap identification: highlight missing decisions, interactions, and flows to avoid later rework.
  • Plan-to-design handoff: provide a richer plan with visuals and rationale for engineers and product teammates.

Quick Start

Run the plan-design-review skill on your plan to generate visuals and annotate gaps 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 review a UI/UX design plan before implementation starts?▼

This Skill reviews UI/UX design plans by identifying missing design decisions, generating visual mockups, and appending a GSTACK review section to the plan. It ensures explicit design choices are made before engineering starts.

Can I generate visual mockups directly from a design plan?▼

Yes, the plan-design-review process automatically generates visual mockups directly from your UI/UX plan by using the gstack designer. It produces visual mocks to guide implementation and annotate design gaps.

What is the best way to find missing design decisions in a UI plan?▼

The best way to find missing design decisions in a UI plan is a rigorous design plan review. This process highlights missing interactions and flows, appending a GSTACK review section to surface gaps that could derail user experience.

Does plan-design-review work on live websites to modify existing UI?▼

No, plan-design-review does not work on live sites to modify existing UI. It strictly focuses on reviewing design plans to surface missing decisions and generate mockups while avoiding any live-site changes.

When do I need a design plan review for my UI components and flows?▼

You need a design plan review for your UI components and flows when explicit design decisions are critical before engineering starts. This step enforces deliberate design choices and surfaces gaps that could derail user experience later.

How do I prepare a plan-to-design handoff for engineers?▼

To prepare a plan-to-design handoff for engineers, run a design plan review to generate visuals and annotate gaps. This provides a richer plan with visuals and rationale for engineers and product teammates to guide implementation.

Related Skills

Explore More Design & Creative Skills→
joeylife94joeylife94

plan-design-review

Review design plans and generate visual UI/UX mockups.

Community
Advanced
VertaKhanVertaKhan

plan-design-review

Identify and fill gaps in UI design plans before implementation.

Community
Advanced
him55710-sudohim55710-sudo

plan-design-review

Review design PLANs and add missing decisions with gstack mockups.

Community
Advanced
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced