Introduction
Design System Builder audits, documents, and extends a product design system. It covers color, typography, spacing, radius, shadow, and motion tokens, along with component sizes, variants, interaction states, keyboard behavior, and ARIA rules. It identifies hardcoded values, naming conflicts, missing states, and documentation gaps, then records versioning and migration guidance for breaking changes.
Use Cases
Use it to organize a new component library, unify several product surfaces, remove accumulated style inconsistencies, or define patterns for forms, navigation, data display, and feedback. The audit can report token coverage, component completeness, issue priority, and recommended standards. It can also document one component with usage, states, and accessibility requirements.
Template
Provide design files, token files, component code, Storybook, screenshots, or existing guidelines. Specify whether you need a full audit, component documentation, or a new pattern. Add the technology stack, naming rules, themes, compatibility range, migration deadline, and brand values that must remain unchanged.
