Menu
Technical UI quality checks: accessibility, performance, theming, responsive, anti-patterns
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
| name | ui-audit |
| description | Technical UI quality checks: accessibility, performance, theming, responsive, anti-patterns |
/ui-audit [area] - Run technical UI quality checks (accessibility, performance, theming, responsive, anti-patterns). Generates scored report, does NOT fix.
| Dimension | Checks |
|---|---|
| Accessibility | Contrast ratios (< 4.5:1), missing ARIA, keyboard nav, semantic HTML, alt text, form labels |
| Performance | Layout thrashing, expensive animations, missing lazy loading, bundle size, re-renders |
| Theming | Hard-coded colors, broken dark mode, inconsistent tokens, theme-switch failures |
| Responsive | Fixed widths, touch targets (< 44px), horizontal scroll, text scaling, missing breakpoints |
| Anti-Patterns | AI slop tells (Inter font, purple gradients, glassmorphism, card grids, gray on color, bounce easing) |
Rating bands: 18-20 Excellent, 14-17 Good, 10-13 Acceptable, 6-9 Poor, 0-5 Critical
/ui-critique, /ui-polish, /ui-typeset, /ui-layout, /ui-harden, /ui-colorizebackground-clip: text)border-left: 3px solid)# UI Audit: {area}
| # | Dimension | Score | Key Finding |
|---|-----------|-------|-------------|
| 1 | Accessibility | ?/4 | |
| 2 | Performance | ?/4 | |
| 3 | Theming | ?/4 | |
| 4 | Responsive | ?/4 | |
| 5 | Anti-Patterns | ?/4 | |
| **Total** | | **?/20** | **[band]** |
## Anti-Patterns Verdict
[Pass/fail with specific tells]
## Findings (by severity)
- [P?] Issue — location — impact — fix — suggested command
## Patterns & Systemic Issues
[Recurring problems across codebase]
## Positive Findings
[What works well]
## Recommended Actions
1. [P?] `/command` — description
Interview the user relentlessly about a plan or design. Use when the user wants to stress-test a plan before building, or uses any 'grill' trigger phrases.
Surface deepening opportunities in a codebase — shallow modules, seam leaks, missing locality — and grill through whichever one you pick. Architecture-pattern aware (monolith / distributed / serverless).
Reconcile and validate all documents in the project's docs/ directory
Full-project code audit workflow: audit then fix
Systematic root cause analysis. No fixes without investigation
Principal Engineer persona. Production-first technical judgment