#367367th of 389 in Skills, plugins and prompts
design-md-chrome
Chrome extension that extracts a site's styles into DESIGN.md or SKILL.md
- Stars
- 3.2k
- License
- MIT
- Last commit
- May 2026
- Last release
- Apr 2026
- Language
- JavaScript
949 on 21 Apr 20263,168 on 10 Nov 2026
From GitHub's daily star counts.
Checked on GitHub.
Overview
A Chrome extension that reads typography, colors, spacing, radius, shadows and motion from the active tab. It generates a DESIGN.md or SKILL.md file in the TypeUI DESIGN.md format, which coding agents such as Claude Code, Codex or Google Stitch can use as a design-system blueprint. Output can be refreshed for the current page state and downloaded.
Who it is for: Developers feeding existing site designs to coding agents as a design spec
Strengths
- Outputs either DESIGN.md or SKILL.md, so agents can consume the result directly
- Extracts typography, colors, spacing, radius, shadows and motion from the live page
- Generated file has a fixed structure with WCAG 2.2 AA and quality-gate sections
- Loads unpacked with no build step; includes a node test runner
Weaknesses
- Installed only via Developer mode Load unpacked; no Chrome Web Store listing mentioned
- Chrome only; no Firefox or Safari support stated
- Tokens are inferred from rendered styles, so output may need manual review
- Generated Brand and Mission text is templated rather than written from site content
What it needs
- no GPU
- Needs Google Chrome
Quick answers
Is design-md-chrome open source?
Yes. Its code is on GitHub under the MIT license.
Also in Skills, plugins and prompts
See all 389| Rank | Project | Score |
|---|---|---|
| 1 | claude-memPersistent cross-session memory plugin for Claude Code and other coding agents | 97 out of 100 |
| 2 | impeccableDesign skill with 24 slash commands for AI coding agents' frontend output | 97 out of 100 |
| 3 | gstackMarkdown slash-command skills that give Claude Code planning, review, QA and ship roles | 96 out of 100 |
| #4 | rufloAgent harness adding swarms, memory and hooks to Claude Code and Codex | 96 out of 100 |
| #5 | cavemanShortens coding-agent replies and compresses tool output before the model reads it | 95 out of 100 |