Design MD Extractor
SkillWeb & browsingExtract and document the visual style of public websites as reusable DESIGN.md files. Use when the user asks to analyze a website's design system, extract styles, create design tokens, produce DESIGN.md, generate an agent-readable style guide, or build from a website's visual language.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Design MD Extractor skill
What this skill tells your AI
The instructions your AI receives, as published by jpoindexter/design-md-extractor in skill/SKILL.md and read by ahel’s review.
Use the local CLI first, then refine the generated markdown from evidence.
Workflow
- Choose an output directory.
- Run
scripts/extract-website-style.sh <url> <out-dir>from this skill folder, or rundesign-md-extractor extract <url> --out <out-dir>directly when the CLI is globally available. - Read
<out-dir>/evidence.json. - Read
<out-dir>/DESIGN.md. - Improve the markdown using only supported evidence.
- Preserve confidence and known gaps.
- Return absolute paths to generated artifacts.
References
- Read
references/design-md-format.mdbefore rewritingDESIGN.md. - Read
references/evidence-rubric.mdwhen confidence or evidence quality is unclear.
Signals
- GitHub stars
- 62
- Forks
- 2
- Last commit
- Jun 2026
Advanced
- Catalog kind
- skill
- Gateway key
design-md-extractor- Source
- github.com/jpoindexter/design-md-extractor