Design & visuel
Design avec Caractère
/design-avec-caractere
Ce qu’il fait
Ce skill transforme Claude en directeur artistique opiniâtre pour ton site ou application. Au lieu de produire un design standard qui ressemble à n'importe quel site WordPress, Claude prend de vraies décisions esthétiques — palette de couleurs, typographie (les polices), mise en page — adaptées à TON sujet et TON audience. Il choisit même de prendre un risque visuel justifié pour créer quelque chose de mémorable.
Quand l’utiliser
Quand tu veux créer ou repenser une interface visuelle et que tu ne veux pas un résultat générique qui ressemble à des milliers d'autres sites. Idéal si tu débutes en design ou si ton designer habituel n'est pas disponible.
Un exemple concret
Tu lances une newsletter payante sur la photographie de rue et tu veux une page d'accueil qui reflète cette identité forte, pas un template Squarespace vu et revu.
- Sujet : photographie de rue urbaine, Paris, audience créatifs 25-40 ans.
- Palette : noir profond #0A0A0A + blanc cassé #F5F0E8 + rouge graffiti #D92B2B.
- Typographie : Owners Wide (titres) + Inter (corps) — contraste fort entre condensé et neutre.
- Hero : une photo plein écran légèrement granuleuse, titre en gros caractères blancs par-dessus.
- Risque choisi : suppression totale des marges extérieures — le contenu déborde jusqu'aux bords.
- Animation : fondu lent au scroll, pas d'effets flashy qui trahissent un outil IA.
Une page d'accueil avec une identité visuelle immédiatement reconnaissable, sans que personne ne puisse deviner qu'elle a été générée automatiquement.
Comment l’installer
Colle ces deux lignes dans Claude Code, puis lance le skill avec /design-avec-caractere.
/plugin marketplace add ismax-ai/claude-code-skills-fr
/plugin install ismax-skills-fr@ismax
/design-avec-caractereSkill open-source de Leonxlnx, sous licence MIT. Voir la source d’origine. Je l’ai sélectionné, traduit et adapté en français pour la bibliothèque.
Tu débutes avec Claude Code ?
J’ai écrit un guide de démarrage qui t’explique, pas à pas, ce qu’est un skill, comment installer la bibliothèque et faire tes premiers pas.
Lire le guide de démarrage
L’IA pour les Débutants · SubstackLa marketplace de skills Claude Code gratuits (en français)Lire sur Substack →