القائمة
Design critique (Nielsen heuristics) + accessibility audit (WCAG 2.2 AA)
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف 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)
