plan-design-review

Identify missing design decisions in DESIGN PLAN documents and generate mockups.

9|3|Updated Jan 29, 2022
One-click install
npx skills add https://github.com/I194/PMTools_2.0 --skill plan-design-review-i194
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/I194/PMTools_2.0/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/I194/PMTools_2.0 --skill plan-design-review-i194

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Plans often ship with incomplete design decisions, leading to ambiguous UI flows and rework during implementation. This Skill identifies gaps in the plan's design rationale and prompts for missing decisions to ensure a coherent UX before coding begins.

Core Features & Use Cases

  • Proactively detects overlooked UI decisions (layouts, interactions, navigation, accessibility) and adds rationale to the PLAN.
  • Generates concrete mockups with the gstack designer to illustrate suggested improvements and validate design direction.
  • Asks targeted questions to resolve ambiguity and align stakeholders on design intent before handoff to engineering.

Quick Start

Open the PLAN document and let the gstack designer generate UI mockups to illustrate missing 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 identify missing design decisions in a UI plan before handoff?

To identify missing design decisions in a UI plan, you can use a design review process that proactively detects overlooked layouts, interactions, and accessibility choices, prompting you to add rationale and resolve ambiguity before engineering begins.

What is a design plan review and how does it prevent implementation gaps?

A design plan review is a critique process that evaluates UI flows and interactions to prevent implementation gaps. It identifies incomplete design rationale and inserts missing decisions into the plan to ensure a coherent UX before coding starts.

How do I generate UI mockups to validate missing design decisions in a plan?

To generate UI mockups and validate missing design decisions, you can apply rigorous UI critique to the plan's layouts and interactions, using a designer tool to illustrate suggested improvements and confirm the design direction.

Can I use design critique to align stakeholders on UI flows before engineering handoff?

Yes, you can use design critique to align stakeholders on UI flows before handoff by asking targeted questions that resolve ambiguity, ensuring the design plan provides clear guidance and measurable design criteria for engineering.

What are the limitations of relying on a design plan without generating mockups?

Without generating mockups, a design plan often ships with incomplete design decisions and ambiguous UI flows, leading to rework during implementation because missing layout and interaction rationale cannot be visually validated.