fmode-app/.claude/skills/ui-audit/CLAUDE.md

UI Audit Framework

A comprehensive UI design decision-making framework. Use for rapid, intentional interface design.

When to Use

• Making UI/UX design decisions under time pressure
• Evaluating design trade-offs with business context
• Choosing appropriate UI patterns for specific problems
• Reviewing designs for completeness and quality

Core Process

1. Weigh Information — Institutional knowledge → User familiarity → Research
2. Narrow Options — Eliminate conflicts, prioritize by macro bet alignment
3. Execute — Apply relevant checklist + patterns

Reference Files

Load as needed:

Category	File
Core Framework	references/00-core-framework.md
New Interfaces	references/10-checklist-new-interfaces.md
Fidelity	references/11-checklist-fidelity.md
Visual Style	references/12-checklist-visual-style.md
Visual Hierarchy	references/23-patterns-visual-hierarchy.md
Social Proof	references/24-patterns-social-proof.md
Navigation	references/31-patterns-navigation.md

Macro Bets

Bet	Design Implication
Velocity	Reuse patterns, find metaphors
Efficiency	Design systems, reduce WIP
Accuracy	Stronger research, instrumentation
Innovation	Novel patterns, cross-domain inspiration