skills.rest
JonOlsenCa
JonOlsenCaCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

plan-design-review

Identify missing design decisions in PLANs and add them before implementation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This plan-review workflow ensures design decisions are explicit, complete, and ready for implementation by revealing gaps before coding begins.

Core Features & Use Cases

  • Rigorously questions planned UI decisions against design principles like accessibility, responsiveness, and edge-case handling.
  • Automatically generates visual mockups and design variants via the gstack designer to illustrate recommended changes.
  • Facilitates collaboration among product, design, and engineering with structured notes and actionable next steps.

Quick Start

Open the plan, review the UI decisions, and generate mockups with the gstack designer.

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 evaluates UI decisions against accessibility, responsiveness, and edge-case principles to find gaps. It ensures design decisions are explicit, complete, and ready for implementation before coding begins.

What is the best way to check a design system plan for consistency across platforms?▼

The best way to check a design system plan for consistency across platforms is to rigorously question the planned UI decisions. This process reveals gaps in edge-case handling and platform consistency before development starts.

How do I generate mockups to illustrate recommended UI changes during a plan review?▼

You can generate mockups to illustrate recommended UI changes by applying the gstack designer during the plan review. This automatically creates visual mockups and design variants to facilitate collaboration among product, design, and engineering teams.

Can I use this design review workflow to modify code during the planning phase?▼

No, you cannot use this design review workflow to modify code. The plan-mode workflow strictly prohibits code changes and instead outputs a structured review with design-impact notes and actionable next steps.

Does a UI design plan review cover accessibility and empty states?▼

Yes, a UI design plan review covers accessibility and empty states. It rigorously questions planned UI decisions against design principles, ensuring responsive behavior and edge cases are explicitly handled before implementation.

Related Skills

Explore More Design & Creative Skills→
zerAdazerAda

bmad-create-ux-design

Guides stakeholders through a structured UX specification design and documentation process.

Community
Advanced
co-cddoco-cddo
4

bmad-agent-dev

Implement approved development stories with strict adherence to acceptance criteria and test results.

Official
Advanced
him55710-sudohim55710-sudo

plan-design-review

Review design PLANs and add missing decisions with gstack mockups.

Community
Advanced
Chang-Shih-YungChang-Shih-Yung

plan-design-review

Identify missing design decisions in PLAN documents before implementation.

Community
Advanced