skills.rest
nocnocgroup
nocnocgroupOFFICIAL
Explore all skills by this author →
WebsiteGitHub

plan-design-review

Review UI/UX plans across seven design passes before implementation.

Updated Mar 21, 2026
Search Tags:#accessibility#design-principles#ux-design#design-system#design-review#information-architecture#plan-design
One-click install
npx skills add https://github.com/nocnocgroup/gstack --skill plan-design-review-nocnocgroup
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/nocnocgroup/gstack/tree/main/plan-design-review
Command: npx skills add https://github.com/nocnocgroup/gstack --skill plan-design-review-nocnocgroup

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The plan-design-review process is a self-contained vetting method to surface and embed missing design decisions in a PLAN before implementation, ensuring intentional UX and reduced rework.

Core Features & Use Cases

  • Seven-pass design-review framework (IA, interaction states, user journeys, AI slop risk, design system alignment, accessibility, responsive behavior)
  • Outputs include NOT in scope, What already exists, TODOS.md updates, a Completion Summary, and a Review Log
  • Supports contributor mode and escalation for unresolved decisions
  • Use cases: when shipping a new UI feature or changing a design system.

Quick Start

Initiate a full plan-design-review on the current PLAN and work through the seven passes to surface gaps and embed decisions 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 plan for accessibility and UX gaps before implementation?▼

A design review of your UI plan surfaces missing UX decisions by evaluating accessibility, interaction states, and responsive behavior, embedding fixes directly into the plan before implementation begins.

What is a seven-pass design review framework for information architecture?▼

A seven-pass design review evaluates a UI plan across information architecture, interaction states, user journeys, AI slop risk, design system alignment, accessibility, and responsive behavior to ensure intentional UX.

How do I check if my design plan aligns with my existing design system?▼

Run a design system alignment pass on your plan to verify that proposed UI components and interaction states match your established design principles, reducing rework during implementation.

When do I need to run a pre-implementation design critique on a new feature?▼

Run a pre-implementation design critique when shipping a new UI feature or changing a design system, ensuring that user journeys and interaction states are fully vetted before development starts.

Can I use a design review to identify AI slop risk in my UX design plan?▼

Yes, a design review framework includes an AI slop risk pass that evaluates your UI plan to identify unintended or low-quality AI-generated content patterns within the user journey.

What outputs should I expect from a rigorous UX design plan review?▼

A UX design plan review outputs a Completion Summary, a Review Log, and TODOS.md updates that document missing decisions and guide the implementation of UI components.

Related Skills

Explore More Design & Creative Skills→
saranskumarsaranskumar

frontend-scaffold-planner

Plan frontend routes, modules, state boundaries, and delivery sequencing.

Community
Intermediate
PiercingXXPiercingXX
1

refined

Generate Refined design-system component rules with tokens, accessibility criteria, and QA checklists.

Community
Intermediate
manutejmanutej
61

ux-principles

Codify UX principles for designing and evaluating user-centered interfaces.

Community
Advanced
BasharAmsoBasharAmso
1

Code Review

Aha! *_/

Community
Advanced