1. Comprendre Claude, Claude Code et les skills

1.1Les trois visages de Claude

Jérôme a insisté là-dessus : « Claude », ce n'est pas une seule chose. Il y a trois façons de l'utiliser, de la plus simple à la plus puissante.

Claude dans le navigateur (le chat classique)

Vous allez sur le site, vous discutez, comme avec une messagerie. Pratique pour poser des questions, mais limité pour créer des pages et des fichiers sur votre ordinateur.

Claude Cowork, l'assistant qui agit sur votre ordinateur

Disponible avec un compte payant, une fois Claude installé sur votre ordinateur. C'est un assistant qui fait des tâches à votre place : trier des dossiers en vrac, ranger votre boîte mail, répondre à des mails, classer des fichiers.

Jérôme : « Claude Cowork, c'est un assistant qui va prendre le contrôle de votre ordinateur et effectuer des manipulations pendant que vous, vous êtes dans la piscine. »

Claude Code, celui qui génère le code des pages

C'est l'outil vedette de l'atelier. Il porte bien son nom : il génère du code. C'est lui qui va créer vos pages web (et même des applications). C'est avec Claude Code que vous allez travailler dans tous les tutoriels suivants.

Le minimum pour suivre : un compte Claude payant, et l'application Claude installée sur votre ordinateur (comme n'importe quelle application). C'est ce qui débloque Claude Code et Claude Cowork.

1.2Un skill, c'est quoi ?

Pendant l'atelier, quelqu'un a trouvé la bonne traduction : un skill, c'est une compétence. On donne des compétences supplémentaires à Claude, et ces compétences lui permettent de faire des choses qu'il ne savait pas faire seul.

Jérôme : « Sans ses compétences, il ne sait pas faire. Si je lui donne des compétences, il sait faire. »

Concrètement, sans le skill design, Claude fait des pages correctes mais banales. Avec le skill design, il fait des pages qui ont l'air vraiment travaillées. C'est toute la différence entre un résultat « généré » et un résultat « professionnel ».

1.3Les 5 skills présentés pendant l'atelier

Voici les compétences que Jérôme installe pour créer ses pages. Les quatre premières sont dans le tutoriel d'installation. La cinquième (vidéo et sous-titres) est traitée dans le bonus.

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 designées et non générées.
Framer Motion (animations) : transitions fluides, effets au survol de la souris, apparitions au défilement de la page. C'est ce qui fait passer un site de basique à premium.
Copywriting : le texte qui convertit. Titre, accroche, proposition de valeur, bouton d'action. Pour des pages claires et persuasives, pas seulement jolies.
Audit SEO rapide : Claude passe une page au crible et liste les corrections concrètes pour mieux apparaître sur Google (balises, titres, structure, points techniques).
Montage vidéo et sous-titres : la cinquième compétence, pour retoucher des vidéos et générer des sous-titres. Voir le tutoriel bonus.

Bon à savoir : il existe encore d'autres compétences plus avancées (boutons spéciaux, effets, boîtes de sélection de prix...). Jérôme ne les a pas mises dans le tutoriel de base car elles demandent un peu plus de technique (créer un compte, récupérer une clé). On garde simple pour commencer.

1.4Installer, puis vérifier

L'installation est déjà expliquée pas à pas dans votre tutoriel dédié. En résumé : on ouvre Claude Code, on colle un message, on approuve les actions, on redémarre.

▶ Ouvrir le tutoriel d'installation des skillsLes 4 skills de base s'installent en une seule fois

Une fois installé, une habitude utile montrée par Jérôme : demander à Claude la liste de ses compétences pour vérifier que tout est en place.

✓ Message de vérification

Liste-moi tous les skills que tu as de disponibles maintenant.