Aller au contenu
Prochaine session en ligne les 14 et 15 décembre, avec Jérôme CarfantanRéserver
HYPERVIBE

Open source · Plugin Claude Code

Installer Hypervibe

Hypervibe est un plugin pour Claude Code qui construit et déploie des applications web complètes à partir d’une simple description. Suivez ce guide une fois : vous serez prêt(e) à créer votre premier projet en quelques minutes.

1

Prérequis

Il vous faut Claude Desktop, l’application Claude pour Mac et Windows : elle contient Claude Code, dans son mode Code (l’icône de code, à droite de la bulle, en haut de la barre latérale). C’est la façon la plus simple de l’utiliser, et c’est aussi par son interface que le plugin s’installe.

Côté abonnement, il faut au minimum Claude Pro (ou un plan supérieur) : la version gratuite ne donne pas accès à Claude Code.

C’est tout : le reste (Node.js, pnpm, Git, et les outils de chaque service) sera installé automatiquement par la commande /start à l’étape 4.

2

Créer vos comptes

Hypervibe s’appuie sur quelques services tiers pour mettre votre projet en ligne. Avant votre premier projet, créez un compte sur les services essentiels (la connexion se fait ensuite automatiquement).

Conseil : commencez par créer votre compte GitHub. Pour les autres services, choisissez « Se connecter avec GitHub » quand l’option est proposée (Vercel, Neon, Render…) : c’est plus rapide et vous gardez un seul identifiant.

Les 5 services essentiels

Autres services (au besoin)

Créez un compte sur ces services seulement le jour où vous en aurez besoin. La commande /add-* correspondante connectera le service automatiquement.

3

Installer le plugin

Il s’installe dans Claude Desktop, en quelques clics.

Dans Claude Desktop

  1. 1Téléchargez le fichier zip avec le bouton en haut de cette page.
  2. 2Ouvrez Claude Desktop et passez en mode Code : cliquez sur l’icône de code, à droite de la bulle, en haut de la barre latérale.
  3. 3Dans la barre à gauche, cliquez sur Personnaliser.
  4. 4Allez dans l’onglet Plugins.
  5. 5Cliquez sur Ajouter en haut à droite, puis sur Téléverser un plugin.
  6. 6Cliquez sur Parcourir les fichiers et sélectionnez le fichier .zip téléchargé.

Le plugin apparaît ensuite dans votre liste de plugins, avec toutes ses commandes (/start, /bootstrap, et la cinquantaine d’autres).

4

Lancer /start

La commande /start installe automatiquement tous les outils nécessaires (Node.js, pnpm, Git, et les outils en ligne de commande de chaque service) et vérifie que tout est bien connecté.

/start

Laissez-vous guider : Claude installe d’abord Node et pnpm, puis vous propose d’installer les outils manquants via un script. Acceptez, et suivez les instructions pour chacun.

Lancez-la en mode Code, sur votre ordinateur. Cowork (rangé dans le mode Chat) et les sessions dans le cloud travaillent dans un espace isolé : /start y refusera de s’installer. En haut de la fenêtre, à côté du nom de votre dossier, l’icône doit être celle d’un ordinateur.

Une page Cloudflare peut s’ouvrir vers la fin. Si votre compte Cloudflare est tout neuf, /start ouvre une fois une page Cloudflare dans votre navigateur : le simple fait de l’ouvrir active un réglage de votre compte dont Hypervibe a besoin pour ses tâches automatiques. Il n’y a rien à y faire (connectez-vous seulement si Cloudflare vous le demande) : vous pouvez la fermer, et /start termine tout seul.

5

Créer votre premier projet

Une fois /start terminé, vous êtes prêt(e). Lancez /bootstrap, décrivez votre projet en quelques phrases, et laissez-vous guider.

/bootstrap Mon site portfolio de photographe

Hypervibe crée la structure du code, le dépôt GitHub, déploie sur Vercel, configure la base de données, et tout ce qu’il faut pour que vous ayez une application web complète, en ligne, dès la première session.

Envie de voir tout ce que le plugin sait faire ?

Explorer toutes les commandes du plugin⁠

Besoin d’aide pour bien démarrer ?

La formation Vibe Coding vous apprend à tirer le meilleur du plugin en deux jours, avec accompagnement. Le code, lui, reste ouvert et gratuit sur GitHub.