GetDesign
Turns any live URL into a grounded 9-section design.md — every hex and font must trace to fetched CSS.
Test report
- Verdict
- Tested · Works
- Score
- Tested
- Jul 14, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · ccb5c2c
Pointed it at basecamp.com for real: the ungrounded baseline confidently guessed Inter font and a #4285F4-ish blue on an 8px grid, while the skill's actual CSS fetch turned up the true custom 'Graphik'/'Sharpie' webfonts, oklch-based colors, and an em-based (not px) spacing scale — and it correctly refused to invent breakpoints the sampled stylesheets didn't contain.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 9/10
- Docs & honesty 5/5
What GetDesign does
Fetches a site's HTML and linked stylesheets (plus a browser screenshot when available), extracts real color/typography/spacing/shadow/breakpoint tokens, and drafts a strict 9-section design.md — refusing to invent any value it can't trace to a fetched CSS rule or pixel. Triggers when a user pastes a URL and asks for a design system, style guide, brand tokens, or to clone a site's look; explicitly excludes Figma exports and localhost.
How to install GetDesign
git clone https://github.com/MohtashamMurshid/getdesign
cd getdesign
mkdir -p ~/.claude/skills
cp -r skills/getdesign ~/.claude/skills/getdesign
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger GetDesign
-
/getdesignTurns any live URL into a grounded 9-section design.md — every hex and font must trace to fetched CSS.
It also activates on plain-language prompts like these:
-
Here's https://stripe.com, generate a design.md of their tokens. -
Extract the brand colors and typography from https://linear.app. -
Clone the visual style of this site into a grounded style guide.
Frequently asked questions
- Is the GetDesign skill free?
- Yes. The skill itself is free from MohtashamMurshid/getdesign. SkillProof publishes the install command and an independent test verdict at no cost.
- Does GetDesign work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 14, 2026. Verdict: Tested · Works. Pointed it at basecamp.com for real: the ungrounded baseline confidently guessed Inter font and a #4285F4-ish blue on an 8px grid, while the skill's actual CSS fetch turned up the true custom 'Graphik'/'Sharpie' webfonts, oklch-based colors, and an em-based (not px) spacing scale — and it correctly refused to invent breakpoints the sampled stylesheets didn't contain.
- What is the GetDesign SkillProof Score?
- 9.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 9/10, docs & honesty 5/5.
- How do I install GetDesign?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use GetDesign with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.