← all repositories

bergside/design-md-chrome

A Chrome extension that extracts styles from any website and generates DESIGN.md and SKILL.md files for AI coding assistants.

2.2k stars JavaScript Coding Assistants
design-md-chrome
Velocity · 7d
+40
★ / day
Trend
steady
star history

The extension extracts visual design tokens including typography, colors, spacing, radius, shadows, and motion from webpages, producing structured markdown documentation following the TypeUI DESIGN.md format. Generated files serve as design system blueprints that AI coding tools like Claude Code, Codex, and Google Stitch can consume to build websites with consistent visual foundations. It includes both standard design documentation and agent-ready skill files optimized for AI execution.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.