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.