GetDesign
Converteert elke live URL naar een gefundeerde 9-sectie design.md — elke hex en elk lettertype moet te herleiden zijn tot opgehaalde CSS.
Getest · Werkt
Wat het doet
Haalt de HTML en gekoppelde stylesheets van een site op (plus een browserscreenshot indien beschikbaar), extraheert echte kleur/typografie/spatiëring/schaduw/breakpoint tokens, en stelt een strikte 9-sectie design.md op — weigert elke waarde te verzinnen die het niet kan herleiden tot een opgehaalde CSS-regel of pixel. Activeert wanneer een gebruiker een URL plakt en vraagt om een design system, style guide, brand tokens, of om de look van een site te klonen; sluit expliciet Figma exports en localhost uit.
Testrapport
Richtte het echt op basecamp.com: de ongefundeerde baseline raadde vol vertrouwen het Inter-lettertype en een #4285F4-achtige blauw op een 8px-raster, terwijl de daadwerkelijke CSS-fetch van de skill de ware aangepaste 'Graphik'/'Sharpie' webfonts, oklch-gebaseerde kleuren en een em-gebaseerde (niet px) spatiëringsschaal opleverde — en het weigerde terecht om breakpoints te verzinnen die de gesamplede stylesheets niet bevatten.
Getest op: 2026-07-14 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/MohtashamMurshid/getdesign cd getdesign mkdir -p ~/.claude/skills cp -r skills/getdesign ~/.claude/skills/getdesign
Commando's en voorbeeldprompts
/getdesignConverteert elke live URL naar een gefundeerde 9-sectie design.md — elke hex en elk lettertype moet te herleiden zijn tot opgehaalde CSS.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
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.