Design Review

Design Review offers senior-level critique directly in your terminal, evaluating web pages, screenshots, or code components. Key features: • Prioritized findings: blocking, important, polish • Actionable fixes for direct application • Comprehensive review across 10 craft dimensions • Accessibility checks covering WCAG standards • Code line citations for precise adjustments This tool rigorously analyzes design elements like hierarchy, typography, spacing, contrast, motion, and responsiveness. It provides objective, number-backed insights rather than subjective opinions, citing standards such as WCAG contrast ratios, optimal line lengths, and minimum tap target sizes. The review process also includes careful examination of component states, semantic HTML, and consistent branding. Users can point the skill at a live URL, a static screenshot, or a specific code component to receive ranked findings. The unique `--apply` function can automatically rewrite code to implement suggested fixes for contrast, focus states, alternative text, and motion. This ensures that critical design and accessibility issues are addressed systematically, maintaining high standards across projects. Ideal for design leads, developers, and product teams focused on delivering high-quality, accessible web experiences. It helps maintain design consistency, improve user experience, and ensure compliance with accessibility guidelines, transforming design standards from subjective 'vibes' into concrete, rectifiable points.