Audit React, Vue, or Angular codebases for IDS component usage and compliance.
npx skills add https://github.com/iress/design-system --skill ui-doctor
Please help me install this Agent Skill. Skill: ui-doctor Source: https://github.com/iress/design-system/tree/main/.agents/skills/ui-doctor Command: npx skills add https://github.com/iress/design-system --skill ui-doctor
Audit and validate that an application correctly uses IDS components, follows IDS principles, and meets compliance requirements. This skill helps AI agents perform comprehensive UI reviews, identify areas where native HTML or third-party elements should be replaced with IDS components, assess adherence to IDS design principles, and produce actionable reports with recommendations.
Provide the target codebase and run the ui-doctor analysis to generate an IDS compliance report.
High-intent search queries and answers about installing and using this skill.
To audit design system compliance in a React or Vue codebase, you analyze source files, styles, and patterns to verify component adoption, token usage, and provider setup, identifying native HTML elements that should be replaced with design system components.
IDS component adoption validation is the process of checking an application's codebase to ensure it correctly uses IDS components, follows design principles, and meets compliance requirements. You need it to maintain UI consistency and accessibility across modern web applications.
Yes, the design system audit works with Angular applications, as well as React and Vue. It evaluates source files, styles, and patterns in modern web applications to verify IDS adoption, provider setup, CSS imports, and form patterns.
To check your codebase for non-IDS elements and accessibility gaps, apply an automated UI review to evaluate form patterns, token usage, and layout guidelines. This flags non-compliant elements and generates an actionable report with recommendations.
The best way to generate an actionable UI compliance report is to run an automated analysis on the target codebase to identify design system usage gaps and compliance issues, producing recommendations to improve consistency and accessibility across projects.
You should evaluate CSS imports and token usage to guarantee proper IDS integration and ensure design system consistency. Assessing these alongside provider setup verifies that the application meets required compliance and accessibility guidelines.
voidrotExtracts visual design systems from frontend source code using regex analysis.
rhuangabrielsantosCreate, update, and refactor Storybook stories for React component libraries.
Sir-chawakornRefactor codebases using static analysis to ensure behavioral equivalence.
hopeovertureAudit shadcn/ui component usage for accessibility and design-system conformance.
