skills.rest
ibalasite
ibalasiteCOMMUNITY
Explore all skills by this author →
GitHub

plan-design-review

Review UI/UX plans and convert missing decisions into implementable specifications.

Updated Mar 29, 2026
Search Tags:#ui#accessibility#ux#mockups#design-review#plan-review#design-critique
One-click install
npx skills add https://github.com/ibalasite/gstack --skill plan-design-review-ibalasite
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/ibalasite/gstack/tree/main/plan-design-review
Command: npx skills add https://github.com/ibalasite/gstack --skill plan-design-review-ibalasite

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Many implementation plans reach engineering without clear design decisions, leaving UI, edge cases, and accessibility undefined and causing rework. This Skill finds missing UX choices, explains why they matter, and amends the plan so engineers and designers ship a consistent, testable interface.

Core Features & Use Cases

  • Plan hardening: Detects gaps in hierarchy, states, empty/error/edge cases, and accessibility, then writes concrete design decisions into the plan.
  • Designer's eye scoring: Rates design dimensions 0–10, explains what would make each a 10, and proposes fixes to reach that score.
  • Mockup-first workflow: Generates visual mockups by default when the gstack designer is available, and saves artifacts into project design folders.
  • Use cases: Pre-implementation reviews for new UI features, turning tickets into ship-ready specs, and creating acceptance criteria for QA.

Quick Start

Ask the assistant to run /plan-design-review on your project plan to find UI gaps, generate mockups if available, and return an improved plan with concrete 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 design plan before implementation?▼

To review a UI design plan, read the project context to find missing UX decisions, then output a revised plan with concrete specifications covering hierarchy, states, accessibility, and edge cases to prevent engineering rework.

What is a design critique for product plans?▼

A design critique for product plans evaluates UI/UX readiness by scoring design dimensions 0–10, explaining what achieves a perfect score, and proposing fixes to turn abstract plans into implementable, testable interface specifications.

How do I turn product tickets into ship-ready UI specs?▼

Turn product tickets into ship-ready UI specs by analyzing the plan for undefined edge cases and empty or error states, then generating explicit design decisions and clear next actions for implementation.

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

Yes, you can generate visual mockups directly from a design plan when the gstack designer is available, automatically creating and saving visual artifacts into project design folders alongside the revised specifications.

How do I add accessibility criteria to a UX plan?▼

Add accessibility criteria to a UX plan by detecting gaps in existing interface designs, then writing concrete accessibility decisions directly into the plan to create testable acceptance criteria for QA.

Related Skills

Explore More Design & Creative Skills→
ce-dot-netce-dot-net
3

ACE Learning from Execution

Capture insights from task executions into a persistent knowledge base.

Official
Intermediate
him55710-sudohim55710-sudo

plan-design-review

Review design PLANs and add missing decisions with gstack mockups.

Community
Advanced
JeremiahEllingtonJeremiahEllington

plan-design-review

Audit product design plans with structured cross-functional critique and visual mockups.

Community
Intermediate
sajalsuhanesajalsuhane

plan-design-review

Review software project plans and inject missing UI design decisions.

Community
Advanced