plan-design-review

Reviews UI/UX design plans interactively, scoring each design dimension and fixing gaps before implementation.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design plans often reach implementation with unresolved UX flaws that are expensive to fix later. This Skill applies a designer's-eye critique to a plan while it is still in plan mode, rating each design dimension from 0 to 10, explaining what would make it a 10, and then revising the plan to close the gaps. ## Core Features & Use Cases - Dimension-by-dimension scoring: Rates each design dimension 0-10 with concrete reasoning about what a 10 looks like. - Interactive decision briefs: Uses structured AskUserQuestion prompts with recommendations, tradeoffs, and completeness scores so you stay in control of design decisions. - Plan-mode safe: Works inside plan mode, editing the plan file directly rather than touching production code. - Use Case: You have drafted an implementation plan for a new dashboard with several UI components. Run this Skill before writing code to get each screen's layout, hierarchy, and interaction patterns scored and improved. ## Quick Start Ask the assistant to run the plan-design-review skill on your current UI implementation plan before you start coding.

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?▼

Invoke the plan-design-review skill while in plan mode. It scores each design dimension from 0 to 10, explains what a 10 would look like, asks you structured decision questions, and then edits the plan file to close the identified gaps.

What is the difference between plan-design-review and design-review?▼

plan-design-review critiques a written plan before any code exists and works in plan mode. design-review performs a visual audit of a live, running site. Use the plan variant early and the live variant after shipping.

Can this skill run without AskUserQuestion available?▼

No. The skill is interactive by design and reports BLOCKED if no AskUserQuestion tool variant is available. In spawned orchestrator sessions it auto-chooses recommended options instead of prompting.

Does plan-design-review modify my source code?▼

No. It only writes to the plan file and to gstack state directories. Plan-mode safe operations are explicitly limited to reads, plan edits, and approved diagnostic commands.

When should I trigger a design plan review?▼

Trigger it whenever a plan includes UI or UX components that have not been critiqued, especially before implementation starts. It can also be suggested proactively when a plan with interface work is detected.