plan-design-review

Generate visual mockups and identify missing design decisions in plans.

2|2|Updated Dec 1, 2024
One-click install
npx skills add https://github.com/Yaugourt/LiquidTerminal_Back --skill plan-design-review-yaugourt
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/Yaugourt/LiquidTerminal_Back/tree/main/.agents/skills/gstack/plan-design-review
Command: npx skills add https://github.com/Yaugourt/LiquidTerminal_Back --skill plan-design-review-yaugourt

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This design-review plan ensures design decisions are intentional and complete before implementation. It uses the gstack designer to generate visuals and surface gaps in the plan, reducing rework and misalignment across product, design, and engineering.

Core Features & Use Cases

  • Generate visual mockups directly from design briefs to validate layout, hierarchy, and interaction flows.
  • Identify gaps in the plan such as missing design decisions, routing rules, accessibility considerations, or success criteria, and propose concrete additions.
  • Iterate on design plans with rapid feedback, ensuring stakeholders align on goals, constraints, and tradeoffs.

Quick Start

Invoke plan-design-review on the current plan to surface gaps, generate visual mockups with the gstack designer, and propose concrete additions 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 and identify missing decisions before implementation?

Review a UI design plan by analyzing the brief to surface missing routing rules, accessibility considerations, and success criteria. This process generates visual mockups to validate layout and hierarchy, proposing concrete additions to ensure complete design readiness before engineering begins.

What is design critique and how does generating mockups improve plan readiness?

Design critique evaluates a feature design brief against product and engineering goals. Generating mockups directly from the plan validates interaction flows and hierarchy, surfacing gaps and reducing misalignment across stakeholders before implementation starts.

How do I generate visual mockups from a design brief to validate interaction flows?

Generate visual mockups from a design brief using the gstack designer to validate layout, hierarchy, and interaction flows. This visual review step ensures explicit design decisions are intentional and complete before moving into the implementation phase.

Can I use this design review process for feature design briefs across product and engineering teams?

Yes, this design review process applies to plan-level UI redesigns and feature design briefs across product, engineering, and design stakeholders. It iterates on design plans with rapid feedback, ensuring teams align on goals, constraints, and tradeoffs.

What is the best way to iterate on a design plan with stakeholder feedback?

The best way to iterate on a design plan is through rapid feedback loops that generate mockups, identify missing design decisions, and propose concrete next steps. This ensures stakeholders align on goals, constraints, and tradeoffs before implementation.

What gaps in a design plan should I look for during a visual review?

During a visual review, look for missing design decisions, routing rules, accessibility considerations, and success criteria. Identifying these gaps and proposing concrete additions ensures the plan is fully strengthened and ready for implementation.