Image to Code
Compétence pour Claude Code qui insère une étape obligatoire entre ta demande et le code : produire une référence visuelle par section d'interface, puis l'analyser (typographie, échelle d'espacement, palette, hiérarchie) avant d'écrire quoi que ce soit. Le code est ensuite généré à partir de cette analyse, et non à partir de ta phrase de départ.
Forces
- Impose l'image avant le code, ce qui déplace la décision visuelle de l'agent vers toi
- Une référence par section plutôt qu'une pour toute la page : les écrans denses cessent de se ressembler
- Analyse explicite de la typographie et des espacements, donc un rendu qui se discute sur des valeurs, pas sur un ressenti
Limites
- Distribuée par une place de marché et non par un dépôt public : tu ne lis pas son contenu avant de l'installer
- Ajoute une étape de génération d'images, donc du temps et souvent un coût, à chaque section
- Le principe se réécrit en quelques lignes dans ton fichier de projet : la valeur ajoutée réelle est mince
Pour qui
- Une page marketing où le rendu compte autant que le contenu
- Un agent qui produit du front techniquement correct et visuellement interchangeable
- Une personne sans réflexe de direction artistique qui veut fixer un cap avant de générer