Les 15 hacks Claude Design (guide complet + prompts)
Le guide complet des 15 hacks Claude Design, avec les liens des outils et les prompts à copier-coller.
Les 15 hacks Claude Design
Tout se passe sur claude.ai/design.
1. Ton design system à partir d'une capture
Glisse une capture d'écran dans Claude Design et demande :
Crée mon design system à partir de cette capture : palette de couleurs avec les codes hexa, typographie (titres, texte, boutons), espacements et composants.2. Refero, 2 000 styles de vraies marques
refero.design : des design systems lisibles par l'IA (couleurs, typographie, espacements, composants, fichier DESIGN.md).
Trouve les 3 styles Refero les plus proches de [ton projet]3. Mélange deux styles
La typo de l'un, les couleurs de l'autre.
Garde la typographie du style A et applique la palette du style B.4. Change la police
La police par défaut, c'est ce qui trahit l'IA. Polices gratuites : fontshare.com
5. Un skill "ton de voix"
Un skill avec tes mots, tes tournures et ta liste de mots bannis. Fini le slop dans le copywriting.
6. 21st.dev pour les composants
Tu copies le prompt du composant (exemple : Container Scroll Animation) et tu le colles dans Claude, il te le code dans ton site.
7. reactbits.dev pour les effets
Un ou deux effets maximum, sinon tu surcharges la page.
8. Iconify pour les icônes
icon-sets.iconify.design : 370 000 icônes, 222 packs open source. Choisis le pack adapté et donne-le à Claude.
9. Toujours en SVG
Pas de flou, net à toutes les tailles, et animable.
10. Lordicon
lordicon.com : 47 900 icônes animées, dont 9 700 gratuites sans compte.
11. Les images et les vidéos
Claude Design ne fait pas d'images. Branche Envato (elements.envato.com) ou génère sur higgsfield.ai, images et vidéos, parfait pour la hero section.
12. Le panneau Tweaks
Dans les réglages de Claude Design : taille des titres, espaces entre sections, intensité des animations. Tu règles à la souris, tu ne dépenses pas de token.
13. Le skill Impeccable
github.com/pbakaus/impeccable
npx skills add https://github.com/pbakaus/impeccable --skill impeccableIl audite ta page comme un designer : hiérarchie, espacements, typographie, accessibilité, et il corrige.
14. Garder le style d'un projet fini
Colle l'URL d'un projet déjà terminé pour que Claude en reprenne le style.
15. /design dans Claude Code
Tape /design directement dans Claude Code.
Une question ? Réponds à ce message.