visual-audit
Visual Audit
Look at any design and name what's working and what's not. Fast.
How to use
/visual-auditApply rapid perception constraints to evaluate any design in this conversation./visual-audit <url or screenshot>Run a 10-second audit on the described or provided design.
Constraints
The 10-Second Rule
- MUST identify the primary visual element within 3 seconds of looking
- MUST name 3 specific observations (not feelings) within 10 seconds
- MUST distinguish between observations ("the CTA is the same weight as the nav") and reactions ("it looks cluttered")
- NEVER use vague words: clean, nice, modern, sleek, beautiful, stunning, minimal, bold
- SHOULD replace every vague word with a specific observation about hierarchy, weight, rhythm, density, or contrast
What to Observe
- Where does the eye go first? Is that intentional?
- How many type sizes are visible? Is there a clear scale?
- What's the spacing system? Is it consistent?
- How many colors are in use? What roles do they play?
- What's the density? Does it match the use case?
- What states are visible? What states are missing?
Output Structure
- First: name the design's apparent intent (what it's trying to do)
- Second: name what's working (specific decisions, not aesthetics)
- Third: name what's not working (specific decisions, with reasoning)
- Fourth: one change that would have the most impact
Anti-Patterns
- Listing only positive observations to be polite
- Jumping to solutions before diagnosing the problem
- Evaluating aesthetics instead of decisions
- Giving feedback about style preferences rather than quality signals
More from dragoon0x/taste-skills
motion-design
Animation as communication. Feedback, orientation, emphasis, delight. If motion doesn't serve one of these four purposes, it shouldn't exist. Use when evaluating animation quality, designing transitions, or deciding whether motion adds or subtracts.
15taste-as-strategy
Use taste as a competitive moat and business advantage. In the AI and vibe-coding era, execution is commoditized. Taste is the defensible edge. Use when advising founders on product differentiation, building product culture, evaluating why some products win despite fewer features, or understanding taste as a strategic asset.
15teaching-taste
Help other designers develop judgment without imposing your style. Use when mentoring designers, running design education, or building team-wide quality standards.
15tradeoff-assessment
Name what was prioritized, what was sacrificed, and whether the tradeoff was right. Every design decision trades something. Use when evaluating design decisions, defending choices, or helping teams understand what they're giving up.
14field-notes
Structured taste breakdowns of real products. The format for making taste observations legible and shareable. Use when analyzing products, writing case studies, documenting design observations, or teaching through example.
14system-deconstruction
Break a design system into its constituent decisions and evaluate each one. Use when auditing design systems, evaluating consistency, or understanding how a product maintains quality at scale.
14