plan-design-review

Score design plans across typography, spacing, color, motion, interaction, accessibility, and responsiveness.

15|5|Updated May 17, 2026
One-click install
npx skills add https://github.com/cropsgg/skills --skill plan-design-review-cropsgg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: plan-design-review
Source: https://github.com/cropsgg/skills/tree/main/skills/planning/plan-design-review
Command: npx skills add https://github.com/cropsgg/skills --skill plan-design-review-cropsgg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a structured, quantitative method to assess design plans across multiple dimensions and identify actionable improvements before implementation.

Core Features & Use Cases

  • Structured scoring across dimensions (typography, spacing, color, motion, interaction, accessibility, responsiveness) to quantify design quality.
  • Gap visualization and a revision workflow that updates the plan before engineering review.
  • Re-scoring and trade-off analysis to communicate design decisions to stakeholders.

Quick Start

Read the current design plan, score each dimension 0–10, and edit the plan to close gaps 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 quantitatively assess a UI design plan before implementation?

Score design dimensions like typography, spacing, color, and interaction on a 0–10 scale to quantify UI quality and identify gaps before implementation begins.

What is the best way to conduct a UX design review for engineering handoff?

Conduct a UX design review by applying structured dimensional scoring, making explicit amendments to the plan, and projecting a final re-score to guide engineering handoff.

Can I evaluate accessibility and responsiveness during a pre-implementation design review?

Yes, you can evaluate accessibility and responsiveness by including them as specific scoring dimensions to validate the design plan against quality-assurance standards.

How do I visualize design quality gaps and plan revisions for stakeholders?

Visualize design gaps through quantitative dimensional scores, then apply a revision workflow to update the plan and perform trade-off analysis for stakeholder communication.

Does this dimensional scoring method work without existing UI components?

Yes, dimensional scoring works when a design spec exists but requires validation, ensuring trade-offs are assessed before actual UI components are developed.

When should I not use quantitative dimensional scoring for design plans?

Avoid quantitative dimensional scoring when no design spec exists yet, as the workflow requires a baseline plan to evaluate, amend, and re-score for engineering handoff.