plan-design-review

Audit UI flows, interactions, and accessibility to identify missing design decisions in plans.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures design plans are complete before implementation by surfacing missing decisions, conflicting requirements, and unaddressed edge cases that derail delivery.

Core Features & Use Cases

  • Detects gaps in design plans such as missing user flows, interaction patterns, accessibility considerations, and design tokens.
  • Proposes concrete, actionable improvements and, when UI is involved, generates mockups via the gstack designer to illustrate the recommended changes.
  • Produces collaboration-ready feedback that can be added to the PLAN document and exported as artifacts for stakeholders.

Quick Start

Provide a plan critique and generate visual mockups for the plan's key screens using 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 audit a UI design plan for missing user flows and interaction patterns?

Auditing a UI design plan involves reviewing user flows, interactions, and accessibility considerations to identify missing design decisions. This process surfaces unaddressed edge cases and conflicting requirements, ensuring the plan is complete and mockup-ready before implementation begins.

How do I generate visual mockups for proposed design plan changes?

Visual mockups for proposed design plan changes are generated by applying recommended UI modifications to key screens. This illustrates concrete design changes and accessibility improvements, producing collaboration-ready feedback that can be exported as artifacts for stakeholder review.

What is a design plan critique and when do I need one?

A design plan critique is a rigorous review process that identifies gaps in design systems and product workflows. You need one when a plan lacks concrete design tokens, accessibility considerations, or interaction patterns, which would otherwise derail project delivery and user experience.

Can I use a design review to find edge cases in product workflows?

Yes, a design review can find edge cases in product workflows by analyzing the plan against established design principles. It detects unaddressed scenarios and missing interaction patterns, proposing actionable improvements that ensure a complete user experience before development starts.

Does this approach require existing design tokens to review a plan?

No, existing design tokens are not required to review a plan. The critique process identifies missing design tokens and accessibility considerations as part of the audit, proposing concrete additions and changes needed to make the plan complete and ready for mockup generation.

What's the best way to prepare a product workflow plan for a design critique?

The best way to prepare a product workflow plan for a design critique is to document current UI flows and interaction patterns. Providing this context allows the review to effectively analyze edge cases, detect missing design decisions, and generate accurate visual mockups for proposed changes.