Menú
Design critique (Nielsen heuristics) + accessibility audit (WCAG 2.2 AA)
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
Comprehensive code review with security, patterns, and quality focus
Parallel execution using multiple Claude instances in Kitty terminal
Agile/Waterfall project planning, tracking, and delivery management
McKinsey-level strategic analysis with MECE frameworks and quantitative prioritization
Update project documentation (ADRs, CHANGELOG, running notes) in compact Claude-friendly format
Audit and harden any repository with standardized quality gates, hooks, and scripts
| name | design-quality |
| description | Design critique (Nielsen heuristics) + accessibility audit (WCAG 2.2 AA) |
| allowed-tools | ["Read","Glob","Grep","WebSearch"] |
| context | fork |
| user-invocable | true |
| version | 1.0.0 |
Workflow from jony-creative-director: Design Critique + Accessibility Auditor
| Parameter | Required | Description |
|---|---|---|
| Design | Yes | Description, wireframe, or uploaded design |
| Platform | Recommended | Web / iOS / Android / cross-platform |
| Brand context | Recommended | Brand guidelines reference |
| # | Heuristic | Evaluate |
|---|---|---|
| 1 | Visibility of system status | Loading, progress, feedback indicators |
| 2 | Match system ↔ real world | Language, concepts, conventions |
| 3 | User control & freedom | Undo, cancel, exit paths |
| 4 | Consistency & standards | Internal + platform consistency |
| 5 | Error prevention | Confirmations, constraints, defaults |
| 6 | Recognition > recall | Visible options, contextual help |
| 7 | Flexibility & efficiency | Shortcuts, customization, expert paths |
| 8 | Aesthetic & minimalist | Signal-to-noise ratio |
| 9 | Error recovery | Clear messages, actionable solutions |
| 10 | Help & documentation | Searchable, task-oriented, concise |
| Priority | Criteria |
|---|---|
| Critical | Must fix before launch |
| Important | Fix in next iteration |
| Polish | Nice to have |
2 alternative approaches with verbal sketches and rationale.
| Check | Standard |
|---|---|
| Text alternatives | Alt text for all images |
| Captions/transcripts | All multimedia |
| Color independence | Color not sole information carrier |
| Text contrast | Normal 4.5:1, Large 3:1 |
| UI contrast | Components 3:1 |
| Text resize | 200% without content loss |
| No images of text | Except logos |
| Check | Standard |
|---|---|
| Keyboard access | All functionality |
| No keyboard traps | Escape always works |
| Skip links | For repetitive content |
| Page titles | Descriptive and unique |
| Focus order | Logical and predictable |
| Link purpose | Clear from context |
| Multiple navigation paths | Search, nav, sitemap |
| Focus visible | 2px outline, 3:1 contrast |
| Pointer alternatives | Single-pointer for all gestures |
| Motion disable | prefers-reduced-motion respected |
| No auto-playing audio | User-initiated only |
| Touch targets | 44x44 CSS pixels minimum |
| Check | Standard |
|---|---|
| Page language | lang attribute set |
| Parts language | lang on foreign text |
| Consistent identification | Same function = same label |
| Error identification | Clear error messages |
| Error suggestions | How to fix |
| Error prevention | Confirm/reversible for legal/financial |
| Contextual help | Available where needed |
| Check | Standard |
|---|---|
| Valid markup | Proper HTML |
| Name/role/value | All components programmatic |
| Status messages | ARIA live regions |
| Deliverable | Content |
|---|---|
| Pass/fail checklist | Every criterion scored |
| Violation report | Location, severity, description |
| Remediation guide | Code/design solutions per violation |
| Accessibility statement | Template for public statement |
| QA testing checklist | Screen reader flow descriptions |
/design-systems (component a11y specs) | /ui-design (screen-level a11y) | /brand-identity (inclusive brand)
