plan-design-review

Score UI design plans and apply concrete corrections before implementation.

2|1|Updated Jul 25, 2026
One-click install
npx skills add https://github.com/CODE-SAURABH/OpenSkills --skill plan-design-review-code-saurabh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/CODE-SAURABH/OpenSkills/tree/main/plan-design-review
Command: npx skills add https://github.com/CODE-SAURABH/OpenSkills --skill plan-design-review-code-saurabh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents weak or inconsistent UI decisions from reaching implementation by reviewing design plans before development begins, identifying AI-generated design patterns, and turning every critique into a concrete improvement.

Core Features & Use Cases

  • Structured Design Scoring: Rates typography, visual hierarchy, color, spacing, components, states, accessibility, and microcopy from 0 to 10.
  • AI Slop Detection: Identifies generic typography, unnecessary gradients, weak layouts, excessive cards, vague copy, and other patterns that make interfaces feel low-quality.
  • Interactive Plan Improvement: Asks one focused design question at a time, explains what a 10 looks like for the feature, and produces an edited plan with before-and-after decisions, component requirements, and state designs.
  • Use Case: Before building a dashboard feature, use this Skill to validate its type scale, semantic color tokens, responsive layout, error states, keyboard interactions, and final CTA copy.

Quick Start

Ask the plan-design-review skill to evaluate the attached UI feature plan interactively and revise it until every design dimension scores at least 6 out of 10.

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 before implementation?

Review a UI design plan before implementation by scoring typography, visual hierarchy, color, spacing, components, states, accessibility, and microcopy from 0 to 10 to identify weak decisions. It interactively asks focused design questions and applies concrete corrections to raise every dimension to at least 6 out of 10.

What is AI slop detection in UI design?

AI slop detection in UI design identifies generic typography, unnecessary gradients, weak layouts, excessive cards, and vague microcopy that make interfaces feel low-quality. It scans feature plans, wireframes, and design descriptions to flag these generic AI-generated patterns before development begins.

How do I validate wireframes and feature plans for accessibility and interface states?

Validate wireframes and feature plans for accessibility and interface states by reviewing feature context, design system, audience, platform, and competitive context. This process scores accessibility, evaluates component choices, and designs necessary error, loading, and interactive states to ensure implementation readiness.

Can I use interactive design review for enterprise dashboards and developer tools?

Yes, you can use interactive design review for enterprise dashboards and developer tools. The process applies to feature plans, wireframes, and design descriptions across consumer products, developer tools, and enterprise dashboards to validate type scale, semantic color tokens, responsive layout, and keyboard interactions.

What is the best way to improve microcopy and component choices in a feature plan?

The best way to improve microcopy and component choices in a feature plan is through interactive plan improvement. It asks one focused design question at a time, explains what a perfect 10 looks like, and outputs an edited plan with before-and-after decisions, component requirements, and state designs.