La skill qui transforme tes composants en plans techniques style Apple

Le dépôt de la skill dimensional-drawing, les trois façons de l'installer et le prompt exact à envoyer à Claude.

Le dépôt

Skill : github.com/enesozturk/dimensional-drawing (lien à vérifier)
Mille trente et une étoiles, licence MIT

Tu donnes un composant à ton agent (une carte, une boîte de dialogue), il te rend une planche d'une seule page : paddings, écarts, rayons de coins, couches, et la position dans la fenêtre, tout mesuré et étiqueté. Le texte et le contenu sont laissés de côté, comme ça le plan reste juste même quand la copie change.

Les règles de maison

Règle	Ce que ça donne
Monochrome	que des gris, on distingue par l'épaisseur du trait, les pointillés et les hachures
Architecture, pas contenu	`TITLE SLOT FLEX`, `ACTION HUG`, `CONTENT SLOT FILL`
Variables au lieu de chiffres	`S1`, `R2`, `H1 = 2 * S1 + H3`
Noms neutres	`UI-CARD-001`
Jamais de valeur inventée	ce qui n'est pas connu reste marqué `TBD`

Installer

Dans Claude Code

git clone <url du dépôt>

Puis copie le dossier skills dans ton dossier claude skills.

Sur claude.ai

Zippe le dossier de la skill, puis ajoute-le dans Réglages, Capacités, Skills.

Sur Codex, Cursor ou Gemini CLI

npx skills add enesozturk/dimensional-drawing

Le prompt à envoyer

fais-moi un plan dimensionnel du composant Card dans src/components/Card.tsx

Tu récupères un cartouche avec les variables clés, puis la planche dense : notes, vue en plan, couches éclatées, vues de détail sur les coins imbriqués et les rayons, et les tableaux de variables.

La deuxième skill : la planche animée

Il y a une deuxième skill qui anime la planche en un film de dix secondes : gros plan sur l'en-tête, recul sur la vue en plan, les couches qui se soulèvent, puis la feuille entière.

anime ce dessin

Claude le construit dans l'artifact Motion, et tu exportes en MP4.

Bonus

Ça marche même sur des objets physiques. Essaie avec un thermos.

Une question ? Réponds à ce message, je lis tout.