skills.rest
effiraid
effiraidCOMMUNITY
Explore all skills by this author →
GitHub

plan-design-review

Identify missing design decisions in UI plans and generate mockups with gstack designer.

Updated Aug 27, 2026
Search Tags:#design-system#mockups#design-review#gstack#plan-design-review#ui-planning
One-click install
npx skills add https://github.com/effiraid/reflix-nextjs --skill plan-design-review-effiraid
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/effiraid/reflix-nextjs/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/effiraid/reflix-nextjs --skill plan-design-review-effiraid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A plan-design-review helps teams scrutinize a UI plan before anyone starts coding, ensuring decisions are intentional and design gaps are caught early.

Core Features & Use Cases

  • Structured critique of design plans across key dimensions with actionable fixes.
  • Generates interactive visuals with the gstack designer to surface concrete tradeoffs.
  • Used when a team wants a formal plan review before design-to-code handoff.

Quick Start

Run a plan-design-review on the current plan with the gstack designer to generate mockups and surface design decisions.

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 plan before design-to-code handoff?▼

To review a UI plan before handoff, run a structured design critique that identifies missing decisions and evaluates visual hierarchy. This process catches design gaps early by documenting intentional decisions and aligning the plan with core design principles.

What is a design plan review and when do I need it?▼

A design plan review is a pre-coding evaluation that scrutinizes UI flows, interactions, and visual hierarchy. You need it when a team wants to catch design gaps and ensure intentional decisions before starting development.

Can I generate mockups during a design critique?▼

Yes, you can generate mockups during a design critique by coordinating with the gstack designer. This surfaces concrete tradeoffs and elevates a basic plan into a complete UI review with interactive visuals.

What's the best way to identify missing design decisions in a UI flow?▼

The best way to identify missing design decisions is applying a structured critique across key dimensions. This approach surfaces actionable fixes, documents decisions, and aligns the UI flow with established design principles.

Does plan-design-review work without external dependencies?▼

Plan-design-review operates without external dependencies, but it coordinates mockups via the gstack designer. This coordination is required to surface concrete tradeoffs and generate interactive visuals for the review.

Related Skills

Explore More Design & Creative Skills→
JaykaijackJaykaijack

plan-design-review

Review design plans and add missing UI, accessibility, and responsive specifications.

Community
Advanced
westnwestn
1

plan-design-review

Identify missing design decisions in a PLAN and add them before implementation.

Community
Advanced
semicolon-devteamsemicolon-devteam

generate-mockup

Generate UI mockups from design requirements using the 21st_magic_component_builder.

Official
Advanced
az9713az9713
2

plan-design-review

Review design plans and generate visual mockups from design inputs.

Community
Advanced