GetDesign
Gjør enhver live URL om til en jordet 9-seksjons design.md – hver hex og font må spores til hentet CSS.
Bestått
Hva den gjør
Henter et nettsteds HTML og lenkede stilark (pluss et nettleserskjermbilde når tilgjengelig), trekker ut virkelige farge-/typografi-/avstand-/skygge-/brytpunkt-tokens, og utarbeider en streng 9-seksjons design.md – nekter å finne opp verdier den ikke kan spore til en hentet CSS-regel eller piksel. Utløses når en bruker limer inn en URL og ber om et designsystem, stilguide, merkevare-tokens, eller å klone et nettsteds utseende; ekskluderer eksplisitt Figma-eksport og localhost.
Testrapport
Pekte den mot basecamp.com for alvor: den ugrunnede baselinjen gjettet selvsikkert Inter-font og en #4285F4-aktig blåfarge på et 8px-rutenett, mens ferdighetens faktiske CSS-henting fant de sanne tilpassede 'Graphik'/'Sharpie' webfontene, oklch-baserte farger, og en em-basert (ikke px) avstandsskala – og den nektet korrekt å finne opp brytpunkter som de samplede stilarkene ikke inneholdt.
Testet på: 2026-07-14 · Claude Code 2.x (agent harness)
Installer
git clone https://github.com/MohtashamMurshid/getdesign cd getdesign mkdir -p ~/.claude/skills cp -r skills/getdesign ~/.claude/skills/getdesign
Kommandoer og eksempelprompter
/getdesignGjør enhver live URL om til en jordet 9-seksjons design.md – hver hex og font må spores til hentet CSS.
Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):
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.