vibe.design-review

# Design Review — Technical Audit + UX Critique ## Done Criteria - [ ] review report가 지정 출력 경로에 존재한다. - [ ] 모든 finding에 severity와 파일·행 또는 화면 근거가 있다. - [ ] accessibility, responsive, performance, theming 검사가 판정되어 있다. - [ ] 발견된 P1 개수와 최종 판정이 보고서에 기록되어 있다. Read-only design quality review. Two modes selected by the first argument. No code modifications — report only. ## Usage ``` /design-review <target> # Both modes (audit + critique) /design-review audit <target> # Technical quality audit only /design-review critique <target> # UX critique only /design-review . # Review all changed UI files ``` ## Shared Scoring Scale (0–4) | Score | Meaning | |-------|---------| | 0 | Violated / critical failures | | 1 | Major issues — degraded experience | | 2 | Moderate — functional but rough | | 3 | Good — minor friction/polish only | | 4 | Excellent — production ready | Detailed per-level criteria: `rubrics/scoring.md` (audit) · `rubrics/ux-heuristics.md` (critique). --- ## Mode: audit — 5-Dimension Technical Quality ### 1. Accessibility (a11y) - Interactive elements keyboard-reachable, visible focus indicator, focus order - ARIA roles/labels on custom widgets; inputs linked to `<label>` or `aria-label` - Color contrast ≥ 4.5:1 (text), ≥ 3:1 (large text, UI components) - Meaningful `alt` text; `aria-live` for dynamic content; skip-to-content link ### 2. Performance - Images: `loading="lazy"` below fold, `srcset`, WebP/AVIF - Fonts: `font-display: ...