GetDesign
Trasforma qualsiasi URL live in un design.md basato su 9 sezioni — ogni esadecimale e font deve tracciare il CSS recuperato.
Promosso
Cosa fa
Recupera l'HTML di un sito e i fogli di stile collegati (più uno screenshot del browser quando disponibile), estrae token reali di colore/tipografia/spaziatura/ombra/breakpoint e redige un rigoroso design.md di 9 sezioni — rifiutandosi di inventare qualsiasi valore che non possa tracciare a una regola CSS o pixel recuperati. Si attiva quando un utente incolla un URL e chiede un sistema di design, una guida di stile, token di brand o di clonare l'aspetto di un sito; esclude esplicitamente le esportazioni Figma e localhost.
Rapporto di test
Puntato su basecamp.com per davvero: la baseline non fondata ha indovinato con sicurezza il font Inter e un blu simile a #4285F4 su una griglia di 8px, mentre il recupero CSS effettivo della skill ha rivelato i veri webfont personalizzati 'Graphik'/'Sharpie', colori basati su oklch e una scala di spaziatura basata su em (non px) — e si è correttamente rifiutata di inventare breakpoint che i fogli di stile campionati non contenevano.
Testato il: 2026-07-14 · Claude Code 2.x (agent harness)
Installazione
git clone https://github.com/MohtashamMurshid/getdesign cd getdesign mkdir -p ~/.claude/skills cp -r skills/getdesign ~/.claude/skills/getdesign
Comandi e prompt di esempio
/getdesignTrasforma qualsiasi URL live in un design.md basato su 9 sezioni — ogni esadecimale e font deve tracciare il CSS recuperato.
Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):
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.