.codex/prompts/critique/SKILL.md
UX-focused design review examining visual hierarchy, information architecture, emotional resonance, and user flow. Goes beyond code quality into design effectiveness.
npx skillsauth add Dragoon0x/optik critiqueInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
Evaluate the interface from a user experience perspective, beyond code quality.
Visual Hierarchy: Is it clear where to look first, second, third? Is there a single focal point? Do size, weight, color, and position work together or fight each other?
Information Architecture: Is content organized logically? Can users find what they need? Is the navigation clear? Are related items grouped?
Emotional Resonance: Does the design feel intentional? Does it match the brand's personality? Would a user trust this interface? Is there anything memorable?
User Flow: Are CTAs clear and prominent? Is the path from entry to action obvious? Are there dead ends? Is there cognitive overload?
Provide specific, actionable feedback organized by category. Reference specific elements. Suggest concrete improvements. Do not give vague praise — every statement must be either a specific problem or a specific strength.
testing
Comprehensive design quality audit with severity ratings, specific line references, and actionable fix instructions. Deeper than /score — examines every declaration.
testing
Audit and fix ARIA attributes. Ensures proper aria-label, aria-hidden, aria-live, and role usage throughout the interface.
content-media
--- name: animate description: Add purposeful motion and transitions to the interface. Focuses on high-impact moments: page load reveals, hover states, and scroll-triggered entries. Not decorative jitter. user-invokable: true --- # /animate — Purposeful Motion Add motion that serves a purpose: **Page load:** Staggered fade-up reveals for above-fold content. Use animation-delay in 80-120ms increments. Total reveal sequence should complete within 600ms. **Hover states:** Scale (1.02-1.05), sub
testing
Verify visual alignment across sections. Check that headings, text, images, and components share consistent alignment points.