GetDesign
Převádí jakoukoli živou URL na uzemněný 9sekční design.md — každý hex a font musí být dohledatelný k načtenému CSS.
Otestováno · Funguje
Co umí
Načte HTML a propojené styly webu (plus snímek prohlížeče, pokud je k dispozici), extrahuje skutečné tokeny barev/typografie/rozestupů/stínů/breakpointů a navrhne přísný 9sekční design.md — odmítá vymýšlet jakoukoli hodnotu, kterou nemůže dohledat k načtenému pravidlu CSS nebo pixelu. Spouští se, když uživatel vloží URL a požádá o design systém, styl guide, brand tokeny nebo o klonování vzhledu webu; explicitně vylučuje exporty Figma a localhost.
Testovací report
Namířil jsem to na basecamp.com doopravdy: neopodstatněná základní linie sebevědomě hádala font Inter a modrou barvu podobnou #4285F4 na 8px mřížce, zatímco skutečné načtení CSS dovednosti odhalilo pravé vlastní webfonty 'Graphik'/'Sharpie', barvy založené na oklch a měřítko rozestupů založené na em (nikoli px) — a správně odmítla vymýšlet breakpointy, které vzorkované styly neobsahovaly.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/MohtashamMurshid/getdesign cd getdesign mkdir -p ~/.claude/skills cp -r skills/getdesign ~/.claude/skills/getdesign
Příkazy a ukázkové prompty
/getdesignPřevádí jakoukoli živou URL na uzemněný 9sekční design.md — každý hex a font musí být dohledatelný k načtenému CSS.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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.