19 skills pour Claude Code.
3 pour bâtir un design system solide, 16 pour poser un style visuel cohérent en un prompt. Gratuits, MIT, à déposer dans ton dossier ~/.claude/skills/.
- Télécharge le fichier
SKILL.mddepuis la page d'un skill (bouton téléchargement). - Place-le dans
~/.claude/skills/<nom-du-skill>/SKILL.md(créer le dossier si besoin). - Relance Claude Code. Le skill apparaît et s'invoque automatiquement quand ta question déclenche sa description.
- Alternative projet-scopé :
.claude/skills/<nom-du-skill>/SKILL.mdà la racine du repo.
Bâtir un design system.
Design System Architect
Architecte de design system : tokens, primitives, patterns, gouvernance. Utile quand tu démarres un système from scratch ou consolides un existant.
Design Tokens Generator
Génère des tokens couleur, typographie, spacing, motion et valide les ratios de contraste WCAG AA. Sort en variables CSS + config Tailwind.
Component Library Builder
Construit des composants React accessibles, avec toutes leurs variantes et états (hover, focus, disabled, loading, error). Pattern headless + Tailwind.
Poser un style.
Style Éditorial
Layouts magazine : hiérarchie forte, rythme, mélange serif + sans, marges généreuses, sidebars, drop caps. Pour la presse en ligne et le long-form.
Style Rétro-Futuriste
Néons sur noir profond, textes chromés, scanlines VHS, grilles wireframe en perspective. Pour les univers gaming, synthwave, cyberpunk soft.
Style Luxueux
Retenue, noir et or, whitespace généreux, serif raffiné, micro-animations lentes. Pour la joaillerie, le haut-de-gamme, l'hôtellerie premium.
Style Maximaliste
Dense, superposé, expressif : mix typographique, backgrounds à motifs, chevauchements assumés. Pour les marques qui refusent le minimalisme.
Style Organique
Courbes douces, formes blob, palette terracotta/beige, touches manuscrites. Pour les marques wellness, food, natural care.
Style Business
Corporate propre : gris/bleu, layouts structurés, signaux de confiance, tableaux nets. Pour les SaaS B2B, cabinets de conseil, services pro.
Style Portfolio
Typo massive, image-first, chrome minimal, scroll narratif. Pour les portfolios de créatifs, studios, agences.
Style Tech
Monospace, fond sombre, esthétique terminal, layouts code-like, syntax highlight en accents. Pour les devtools, docs API, dashboards ingé.
Style Brutaliste
Brut, angles vifs, contrastes forts, typos système, absence assumée d'ornement. Pour les artistes contemporains, labels indé, sites zines.
Style Impact
Grosses assertions, rouge activisme, typos condensées, appel à l'action. Pour les ONG, causes, mouvements, manifestes.
Style Énergie
Couleurs saturées, gradients, motion partout, formes dynamiques. Pour les marques sport, gaming, apps de fitness, événementiel.
Style Marketing
Conversion-first : hiérarchie du bénéfice, sections scannables, CTAs répétés, preuves sociales. Pour les landing pages et sites d'acquisition.
Style Growth
Dashboards growth : KPI cards, sparklines, tables triables, filtres avancés. Pour les outils analytics, produits de pilotage.
Style Social
Ludique, communautaire, avatars ronds, feeds, réactions, threads. Pour les réseaux sociaux, plateformes de creators, apps de discussion.
Style Écologie
Verts et terres naturelles, imagerie botanique, typos humaines, empreinte carbone visible. Pour les marques éco-responsables et projets green.
Style Bank & Assurance
Sérieux, formel, bleu-vert institutionnel, signaux de sécurité, chiffres clairs, tableaux comparatifs. Pour banque, assurance, fintech régulée.