skills.rest
milo0914
milo0914COMMUNITY
Explore all skills by this author →
GitHub

plan-design-review

Evaluate UI/UX design plans through a seven-pass review of architecture, states, and accessibility.

Updated Aug 27, 2026
Search Tags:#design#ui#accessibility#design system#ux#critique
One-click install
npx skills add https://github.com/milo0914/hermes-skills-backup --skill plan-design-review-milo0914
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/milo0914/hermes-skills-backup/tree/main/plan-design-review
Command: npx skills add https://github.com/milo0914/hermes-skills-backup --skill plan-design-review-milo0914

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill addresses the gap between technical planning and user-centered design by providing a structured, multi-pass critique of design plans before implementation begins.

Core Features & Use Cases

  • 7-Pass Design Audit: Systematically evaluates information architecture, interaction states, user journeys, and accessibility.
  • AI Slop Detection: Identifies and flags generic, template-based UI patterns to ensure unique, brand-aligned results.
  • Use Case: Before building a new dashboard, run this skill to ensure your plan accounts for loading states, error handling, and responsive behavior, preventing costly rework during the coding phase.

Quick Start

Invoke the plan-design-review skill to perform a comprehensive critique of the current design plan in your project.

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 a UI/UX design plan before implementation?▼

Critique a UI/UX design plan by running a rigorous seven-pass review process that evaluates information architecture, interaction states, and accessibility to ensure alignment with your design system before coding begins.

How do I detect generic AI-generated UI patterns in my web interface specifications?▼

Detect generic AI-generated UI patterns using a design audit that flags template-based slop in your web interface specifications, ensuring your final output remains unique and brand-aligned rather than generic.

Does this design critique process require a specific project structure?▼

Yes, this design critique process requires integration with gstack-based project structures to function properly, ensuring adherence to established design principles for premium and functional output.

What does a multi-pass design audit evaluate for dashboard interfaces?▼

A multi-pass design audit evaluates dashboard interfaces by systematically checking information architecture, user journeys, loading states, error handling, and responsive behavior to prevent costly rework during the coding phase.

When should I run a design system alignment check on my application interfaces?▼

Run a design system alignment check on your application interfaces before building new features, ensuring your plan accounts for all interaction states and accessibility requirements to prevent costly rework later.

Related Skills

Explore More Design & Creative Skills→
yocxy2yocxy2

plan-design-review

Audit design plans across seven passes for architecture, states, and accessibility.

Community
Advanced
vincehvinceh
1

ux-creator

Translate requirements into UX flows, information architectures, and interaction patterns.

Community
Intermediate
89jobrien89jobrien
4

design-docs

Create feature design specs and Architecture Decision Records for system architecture documentation.

Community
Advanced
JoniSirvioJoniSirvio

critique

Produces UX critique reports covering layout, typography, color, accessibility, and interaction patterns.

Community
Advanced