Pack de démarrage

5 skills essentiels pour Claude Code

De quoi créer des sites qui ont de l'allure, qui vendent, qui se référencent, et même des vidéos. Simple à installer, simple à utiliser.

Installer les 5 skills

Un seul message à coller, et Claude installe les 5 skills à votre place : ui-ux-pro-max, motion, copywriting, seo-audit-quick et remotion-best-practices. Vous ne touchez à aucun dossier.

1

Ouvrez l'application Claude Code

Peu importe le projet. On installe en global, donc les skills marcheront partout.

2

Copiez ce message et collez-le dans Claude Code

✓ Message prêt à coller
Installe ces 5 skills pour Claude Code en GLOBAL (dans ~/.claude/skills, pas dans le projet courant), pour qu'ils soient dispos dans tous mes projets : 1. copywriting et seo-audit-quick, depuis https://github.com/coreyhaines31/marketingskills (seo-audit-quick s'y appelle peut-être encore seo-audit, dans ce cas copie-le sous le nom seo-audit-quick). 2. motion (animations Framer Motion), depuis https://github.com/secondsky/claude-skills (le skill s'appelle motion). 3. ui-ux-pro-max (intelligence design). Trouve la meilleure méthode pour l'installer en global et fais-le. Si c'est nécessaire, installe Node.js d'abord. 4. remotion-best-practices (création de vidéos en React avec Remotion). Trouve la meilleure méthode pour l'installer en global et fais-le. Fais tout le technique à ma place : récupère ce qu'il faut dans un dossier temporaire, installe chaque skill dans ~/.claude/skills/, gère les conflits de nom sans rien écraser, puis confirme-moi que les 5 sont bien installés. Si une commande échoue, corrige et continue. Ne me demande rien tant que ce n'est pas vraiment bloquant.
3

Approuvez les actions de Claude Code

Claude va demander l'autorisation de lancer ses commandes (télécharger, copier les fichiers). À chaque fois, répondez oui : choisissez Autoriser ou Allow si Claude est en anglais, ou bien Yes. Sans cette validation, Claude reste bloqué et rien ne s'installe.

4

Redémarrez l'application, puis vérifiez

Une fois les actions autorisées, Claude télécharge et range tout seul. Ensuite, fermez et rouvrez Claude Code : c'est au démarrage qu'il charge les nouveaux skills.

Comment redémarrer l'application Claude Code : fermez complètement la fenêtre de l'application (la croix en haut à droite), puis rouvrez Claude Code depuis son icône. C'est cette réouverture qui lui fait charger les nouveaux skills.

Pour vérifier que tout est en place, demandez-lui simplement :

✓ Message de vérification
Liste-moi tous les skills que tu as de disponibles maintenant.
Astuce pour ne plus valider à chaque commande : choisissez l'option Yes, and don't ask again quand elle apparaît. Claude enchaînera les commandes du même type sans vous redemander.

À quoi sert chaque skill

Une fois installés, voici ce que ces 4 skills apportent à Claude.

🎨
ui-ux-pro-max
Le cerveau design de Claude. Plus de 50 styles, 161 palettes de couleurs et 57 associations de polices, pour des pages qui ont l'air vraiment designées et non générées.
✨
motion
Les animations (Framer Motion). Transitions fluides, effets au survol et apparitions au scroll, ce qui fait passer un site de basique à premium.
✍️
copywriting
Le texte qui convertit. Titres, accroches, propositions de valeur et boutons d'action, pour des pages claires et persuasives, pas seulement jolies.
🔎
seo-audit-quick
L'audit SEO rapide. Claude passe une page au crible et liste les corrections concrètes pour mieux apparaître sur Google : balises, titres, structure et points techniques.
🎬
remotion-best-practices
La création de vidéos par le code (Remotion, en React). Idéal pour générer des vidéos animées : intros, promos, sous-titres synchronisés, le tout à partir d'instructions.