ui-ux-spec-genome

To generate a UI UX spec from an existing frontend codebase, use automated scripts to scan sources for tokens, styles, and components, scaffolding a standardized documentation bundle for refactoring.

A UI UX spec bundle inventories tokens, global styles, components, patterns, and accessibility artifacts, providing a portable documentation structure to plan phased UI-only refactors with minimal business-logic changes.

Yes, you can scaffold design tokens and component catalogs for greenfield projects. The skill supports creating a complete ui-ux-spec folder structure from scratch alongside scanning existing repositories.

Yes, you need git and rg installed. These dependencies are required to execute the dedicated scripts that scan frontend sources and locate UI patterns for the specification generation process.

The best way to inventory accessibility artifacts and UI patterns is using an automated scanning script that parses source code and outputs a standardized catalog within a ready-to-use documentation bundle.

A key limitation is that the scan focuses on UI sources to enforce a standardized spec structure, meaning it targets minimal business-logic changes and requires existing frontend code to extract tokens and styles.