GetDesign

Turns any live URL into a grounded 9-section design.md — every hex and font must trace to fetched CSS.

Tested · Works

Test report

Verdict
Tested · Works
Score
9.6/10
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

  • /getdesign Turns 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.