plan-design-review

Review design PLANs and add missing decisions with gstack mockups.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/him55710-sudo/uni-foli --skill plan-design-review-him55710-sudo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/him55710-sudo/uni-foli/tree/main/.agents/skills/gstack-plan-design-review
Command: npx skills add https://github.com/him55710-sudo/uni-foli --skill plan-design-review-him55710-sudo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Review and tighten a design PLAN to ensure decisions are explicit and gaps are closed before implementation.

Core Features & Use Cases

  • Proactively identifies missing design decisions and adds them to the PLAN.
  • Generates visual mockups using the gstack designer to validate UI direction.
  • Provides a rigorous, opinionated critique to improve planning quality and reduce risk.

Quick Start

Review the PLAN for gaps and propose concrete design decisions to add 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 design plan to find missing decisions before implementation?

A design plan review identifies missing UI decisions and adds them explicitly to the plan. It uses the gstack designer to generate visual mockups for validation and records the rationale for each choice, closing gaps before implementation begins.

What is the best way to validate UI components against a design system during planning?

Validating UI components against a design system is done by generating visual mockups with the gstack designer. This validates the UI direction, proactively identifies missing design decisions, and records rationales to improve planning quality and reduce risk.

Can I use the gstack designer to automatically generate mockups for plan review?

Yes, you can use the gstack designer to automatically produce visual mockups for plan review. This validates the UI direction, ensures design decisions are explicit, and lets the reviewer add missing choices and record rationales directly into the plan.

How do I ensure my design plan is ready for implementation?

Ensuring a design plan is ready for implementation means tightening it so decisions are explicit and gaps are closed. You achieve this by applying a rigorous critique, generating mockups for validation, and proactively adding missing design decisions with their rationales.

Why should I review a plan with a designer's eye before coding?

Reviewing a plan with a designer's eye proactively identifies missing design decisions and closes gaps before coding begins. By generating visual mockups and recording design rationale, it provides an opinionated critique that improves planning quality and reduces implementation risk.