What It Is
Chrome extension by bergside that scrapes the design system of any live site and serializes it into the open-source TypeUI DESIGN.md format. The output is a single markdown file an AI agent can read to generate new UI that matches the target site's visual language.
Captures
Typography, color palette, spacing, border-radius, shadows, and motion tokens from the active tab. Layers in product context: URL, audience, product surface, and the design-system objective for the target site.
Outputs
Two flavors of markdown, same underlying extraction:
| File | Purpose |
|---|---|
DESIGN.md |
Human-readable design-system documentation |
SKILL.md |
Agent-ready skill file for AI coding tools |
Either can be fed to Claude Code, Codex, Google Stitch, or Gemini CLI.
Use Cases
Good for reverse-engineering a reference site's design system when briefing an agent to build something visually similar. Pairs with Neuform, which publishes templates in the same DESIGN.md format. Together they form an extract, modify, regenerate loop.
