design

Design and audit UI covering hierarchy, perceptual color, motion, and detail layers.

Updated Dec 1, 2025

Search Tags:#design audit #ui design #color #visual hierarchy #motion #design procedure

One-click install

npx skills add https://github.com/manusco/wolfgang --skill design-manusco

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: design
Source: https://github.com/manusco/wolfgang/tree/main/.cursor/skills/design
Command: npx skills add https://github.com/manusco/wolfgang --skill design-manusco

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? UI design work often lacks a structured procedure, leading to inconsistent visual hierarchy, poor color choices, and overlooked details. This Skill routes the /design command to a defined design procedure with an explicit Definition of Done. ## Core Features & Use Cases - UI Design Guidance: Applies a structured procedure covering visual hierarchy, perceptual color, and motion. - Design Audits: Reviews existing interfaces against craft criteria including the subconscious detail layer. - Use Case: A designer or developer building a landing page invokes /design to audit the layout, checking hierarchy, color perception, and motion details before shipping. ## Quick Start Ask the AI to run the /design procedure to audit your current UI screen for hierarchy, color, and motion issues.

Frequently Asked Questions about design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I run a UI design audit with this skill?▼

Invoke the /design command, which routes to the designer procedure file. The procedure is read in full and executed exactly, following its Definition of Done for the audit.

What does the design skill evaluate in a UI?▼

It covers visual hierarchy, perceptual color, motion, and the subconscious detail layer. These criteria come from the designer procedure that the /design command routes to.

Can I use this skill for both designing and auditing interfaces?▼

Yes, the skill supports both designing new UI and auditing existing UI. Both flows follow the same routed designer procedure and its Definition of Done.

What are the limitations of the /design command?▼

The command file itself contains no design logic; it only routes to a separate designer skill file. If that referenced procedure file is missing, the command cannot execute.