Ui Doctor

If you're working with the Iress Design System (IDS) and need to audit UI components for compliance, accessibility, and usability, this does the heavy lifting. It runs three audit modes: a quick UX review checking cognitive load and Nielsen's heuristics, an accessibility pass for WCAG 2.1 AA compliance, or a full IDS audit with component validation and design token checks. The skill knows to skip test files and Storybook stories, traces your app's actual entry point to verify Provider setup, and is version-aware for IDS v5 and v6 migrations. It generates actionable reports with prioritized recommendations. Useful when refactoring legacy UI or maintaining design system consistency across a React codebase.

Install to Claude Code

npx -y skills add iress/design-system --skill ui-doctor --agent claude-code