ai-assist-design-creator

Reverse-engineer a website by providing its URL to generate a DESIGN.md file containing machine-readable design tokens like colors, typography, spacing, radii, and components alongside human-readable rationale.

A DESIGN.md file documents a design system by combining machine-readable design tokens in validated YAML frontmatter with human-readable narrative sections, capturing colors, typography, spacing, radii, and component specifications.

Yes, you can generate design tokens for any public website without source code access by reverse-engineering its live visual identity to capture colors, typography, spacing, radii, and components directly into a DESIGN.md specification.

Yes, the generated DESIGN.md output aligns with the google-labs-code/design.md schema, producing validated YAML frontmatter for colors, typography, spacing, and radii to ensure consistency across various tools and agents.

The best way to document a design system for cross-tool consistency is generating a DESIGN.md file with machine-readable tokens aligned to the google-labs-code/design.md schema, accelerating design-system hand-offs and team documentation.

A limitation of reverse-engineering a site's visual design is that it captures the public-facing appearance for tokens and rationale, meaning internal source logic or hidden framework styles may not be fully represented in the DESIGN.md output.