GetDesign
Transforme toute URL en direct en un design.md structuré en 9 sections — chaque hex et police doit être traçable au CSS récupéré.
Testé · Fonctionne
Ce que fait
Récupère le HTML d'un site et les feuilles de style liées (plus une capture d'écran du navigateur si disponible), extrait les vrais jetons de couleur/typographie/espacement/ombre/point de rupture, et rédige un strict 9-section design.md — refusant d'inventer toute valeur qu'il ne peut pas tracer à une règle CSS ou un pixel récupéré. Se déclenche lorsqu'un utilisateur colle une URL et demande un design system, style guide, brand tokens, ou de cloner l'apparence d'un site ; exclut explicitement les exports Figma et localhost.
Rapport de test
L'a pointé vers basecamp.com pour de vrai : la baseline non fondée a deviné avec confiance la police Inter et un #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.
Testé le: 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
Commandes et exemples de prompts
/getdesignTransforme toute URL en direct en un design.md structuré en 9 sections — chaque hex et police doit être traçable au CSS récupéré.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
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.