skills.rest
benrapport
benrapportCOMMUNITY
Explore all skills by this author →
GitHub

plan-design-review

Critique plan design decisions and generate mockups with the gstack designer.

Updated Mar 31, 2026
Search Tags:#visual-design#design-review#user-journey#ui-mockups#plan-design-review#gstack-designer
One-click install
npx skills add https://github.com/benrapport/Vote-Better --skill plan-design-review-benrapport
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/benrapport/Vote-Better/tree/main/.claude/skills/gstack/plan-design-review
Command: npx skills add https://github.com/benrapport/Vote-Better --skill plan-design-review-benrapport

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines rigorous design critique of plans before implementation, ensuring UI decisions are intentional and testable rather than left to guesswork.

Core Features & Use Cases

  • Designer-led plan critique: identifies gaps in UI decisions, interaction flows, and accessibility considerations before any code is written.
  • Actionable mockups with the gstack designer: visualize plan decisions and compare alternatives to guide implementation.
  • Documentation of decisions: capture rationales, tradeoffs, and acceptance criteria to align stakeholders.

Quick Start

Run the gstack designer to generate a mockup and iterate on design feedback.

Frequently Asked Questions about plan-design-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I critique UI design decisions before implementation to ensure cohesive user journeys?▼

To critique UI design decisions before implementation, you need a rigorous design review process that identifies gaps in interaction flows and visual layout. This approach evaluates mockups against explicit success criteria and accessibility considerations to align stakeholders.

What is the best way to compare UI mockup alternatives and document design tradeoffs?▼

Comparing UI mockup alternatives requires generating visual layouts and evaluating them side-by-side to document rationales and tradeoffs. This process captures explicit criteria for layout, typography, and interaction patterns to guide downstream implementation.

How do I capture accessibility considerations and edge-case handling during a visual design review?▼

Capturing accessibility considerations and edge-case handling during a visual design review involves systematically evaluating user journey mockups for potential barriers. The review documents these constraints alongside success criteria to ensure testable and user-centric UI outcomes.

Do I need existing UI mockups to perform a plan design review?▼

You do not need existing mockups to perform a plan design review. The process can generate initial UI mockups using the integrated designer component, then iterate on the visual design feedback to compare alternatives and refine the user journey.

When should I run a design review for my plan's interaction patterns?▼

You should run a design review for your plan's interaction patterns before any code is written. This ensures UI decisions are intentional and testable, preventing guesswork during implementation and aligning stakeholders on documented rationales.

Related Skills

Explore More Design & Creative Skills→
filipnyquistfilipnyquist

plan-design-review

Analyze plan UI/UX decisions and generate mockups with the gstack designer.

Community
Advanced
Agile-VAgile-V
50

ux-spec-author

Translate UX design intent into measurable constraints and testable acceptance criteria.

Official
Advanced
AshesOfTheUndeadAshesOfTheUndead

immersive

Implement exhibit-style, high-contrast UI design systems in Roblox environments.

Community
Intermediate
faionfaionfaionfaion
4

faion-ux-ui-designer

Orchestrate UX/UI design activities across research, wireframing, prototyping, and accessibility.

Community
Advanced