reversa-design-system

To extract design tokens from CSS variables in a legacy project, this Skill parses your stylesheets and normalizes the definitions into a structured schema. It then generates ready-to-publish documentation and token files for your UI.

The best way to document a design system from existing theme files is to aggregate and normalize your token sources into a structured schema. This process parses color palettes, typography, spacing, and radii to output ready-to-publish Markdown documentation.

Yes, you can generate token dictionaries from CSS and JSON theme sources. The Skill parses these formats, normalizes the extracted tokens into a unified schema, and outputs ready-to-publish token dictionary files.

Yes, this design token extraction tool works with YAML token definitions. It parses token JSON and YAML files alongside CSS variables and theme dictionaries to normalize them into structured schema for documentation.

To normalize component tokens for consistent UI documentation, the Skill aggregates extracted definitions from your design-system sources into a structured schema. This covers colors, typography, spacing, radii, and component tokens.

You need to provide project styles stored as CSS variables, theme dictionaries, or token JSON and YAML files. The Skill parses these sources to generate a complete design-system document and token dictionaries.