design-system-documenter

Extract design tokens from CSS and Tailwind by scanning codebases to identify styling configurations, reconciling values into a standardized DESIGN.md artifact. This process generates human-readable design system documentation, serving as a single source of truth for visual language.

Generate a design system inventory for legacy projects with scattered theme objects by scanning source files to extract tokens. This produces a comprehensive DESIGN.md file, allowing teams to make design-consistent decisions without manual archaeology during onboarding.

Design token documentation works with MUI and Chakra configurations by operating across web and mobile frameworks to reconcile token values. It extracts tokens from diverse styling systems and maps provenance into a unified, human-readable design system artifact.

Document semantic token naming conventions and accessibility contrast by extracting tokens from source files and verifying contrast ratios. This satisfies design system requirements by mapping provenance and standardizing semantic names within the generated DESIGN.md artifact.

Consolidate fragmented design tokens into a single source of truth by scanning configuration files and CSS to extract values. This generates a standardized DESIGN.md artifact that reconciles diverse styling configurations into unified, human-readable documentation.

Manual setup is not required to scan a directory and generate a DESIGN.md file. Running the automated extraction process detects the styling system in the current directory and instantly produces a comprehensive design token inventory without manual archaeology.