GH Repository · bergside
design-md-chrome
Chrome extension to extract styles from any website and generate DESIGN.md files and design skills for AI based on TypeUI
- stars
- 2,845
- 30-day movement
- +176/day
- Related entries
- 60
- Connections
- 1
geminiaitypeuiclaudeotherchrome-extensionskillschromeskills-aiclaude-designJavaScriptdesign-mddesign-skillsextensionopen-sourcecodex
design-md-chrome is a Chrome extension that extracts styles from any website you visit and generates DESIGN.md files from them. It also produces design skills for AI tools such as Claude, Codex, and Gemini, based on the TypeUI approach.
You want to capture a site's visual styles into a DESIGN.md your AI coding tools can use, directly from the browser.
Use it to
- Extract styles from a live website in the browser
- Generate a DESIGN.md file from extracted styles
- Create design skills for AI assistants
- Reference an existing site's design while building with AI tools
For Developers using AI coding tools with design references
- Role
- other
- Language
- JavaScript
- Licence
- MIT
- Forks
- 310
- Last push
- 2026-05-25
- Latest release
- v0.1.0 · 2026-04-15
topicschrome-extensiondesign-mdai-skillsstyle-extractiontypeui