GetDesign
Wandelt jede live URL in eine grounded 9-section design.md um – jeder hex und font muss trace to fetched CSS.
Getestet · Funktioniert
Was es kann
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.
Testbericht
Richtete es auf basecamp.com for real aus: 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.
Getestet am: 2026-07-14 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/MohtashamMurshid/getdesign cd getdesign mkdir -p ~/.claude/skills cp -r skills/getdesign ~/.claude/skills/getdesign
Befehle & Beispiel-Prompts
/getdesignWandelt jede live URL in eine grounded 9-section design.md um – jeder hex und font muss trace to fetched CSS.
Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):
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.