Trois terminaux. Quinze onglets chacun. Des projets clients, des outils de dev, la chaîne YouTube. À chaque fois qu'il faut revenir sur une session Claude Code, il faut trente secondes pour retrouver le bon onglet. Si tu fais tourner plusieurs Claude en parallèle, tu connais ce chaos.
La solution construite dans la vidéo : une app de bureau façon Figma, mais au lieu de maquettes sur le canevas, des terminaux. Tous les Claude Code visibles d'un coup d'œil sur un canevas infini, qu'on zoome, déplace et organise par projet.
Et pour la construire, un outil au cœur de la vidéo : Superpowers, un plugin pour Claude Code qui change sa manière de travailler.
Superpowers est un plugin qui ajoute à Claude Code un ensemble de skills : des méthodes de travail que Claude applique automatiquement selon la situation. Brainstorm, écriture de spécifications et de plans, exécution par agents, code review, debug méthodique.
L'effet, c'est Claude en mode senior : au lieu de se jeter sur le code dès le premier message, il pose des questions, propose des options, écrit un plan, puis l'exécute avec des vérifications à chaque étape.
Le format de la vidéo est un build en direct : un projet vide, et on suit tout le processus de bout en bout.
Tout commence par un prompt qui décrit l'idée : une app où les terminaux sont des éléments posés sur un canevas, comme les cadres dans Figma.
Au lieu de coder, Claude lance une phase de brainstorm. Il pose ses questions une par une :
- quel type d'application ? Une app de bureau, avec Tauri ;
- quelle interaction avec le canevas ? Déplacement libre, avec un alignement sur grille ;
- quel terminal ? Un vrai émulateur intégré, avec Xterm.js ;
- comment organiser ? Des groupes par projet, avec persistance des sessions ;
- quel framework ? React avec ShadCN.
Il propose ensuite trois architectures possibles, et le choix se porte sur ReactFlow pour le canevas et Xterm.js pour les terminaux.
La particularité de cette phase : un compagnon visuel. Plutôt que de décrire les écrans en texte, Claude pousse des maquettes dans le navigateur. On voit les propositions, on choisit, on affine. Pour une interface aussi visuelle qu'un canevas, c'est beaucoup plus efficace que des paragraphes de description. (Le compagnon a eu son petit bug au démarrage.)
Une fois le design validé, Claude rédige :
- l'architecture technique : React et ReactFlow côté interface, Tauri et Rust côté système ;
- les spécifications d'interaction et les raccourcis clavier ;
- une auto-revue de la spec, pour repérer les incohérences avant d'écrire le moindre code.
Puis vient le skill d'écriture de plan : la spec est découpée automatiquement en 14 tâches, chacune assez petite pour être exécutée et vérifiée indépendamment.
Les 14 tâches sont confiées à une équipe d'agents qui travaillent en parallèle. Plusieurs Claude codent en même temps sur des parties différentes du projet.
Premier jalon : le squelette compile, et Tauri génère déjà le .app et le .dmg pour macOS.
C'est l'étape qui fait la différence. Une fois le code écrit, Superpowers lance une code review automatique. Résultat :
- 4 bugs critiques ;
- 7 problèmes ;
- 10 remarques mineures.
Sans cette revue, ces bugs seraient apparus au premier lancement, ou pire, plus tard. Les corrections sont confiées à deux agents parallèles : l'un pour la partie Rust, l'autre pour le frontend.
Premier lancement de l'app Tauri. Évidemment, tout ne marche pas :
- un bug de saisie dans le terminal ;
- un problème de sélection au survol ;
- puis, à la troisième itération, des erreurs de PTY introuvable et de champ ID manquant.
Le debug se fait de façon itérative : on décrit ce qu'on voit, Claude diagnostique, propose une correction, on relance. Trois allers-retours plus tard, le terminal fonctionne.
Et le moment symbolique de la vidéo : lancer Claude Code à l'intérieur de l'app. Ça marche.
| Étape | Ce qui en sort |
|---|
| Brainstorm | décisions techniques et maquettes validées |
| Spec | architecture, interactions, raccourcis |
| Plan | 14 tâches |
| Exécution | squelette qui compile, .app et .dmg |
| Revue | 4 bugs critiques, 7 problèmes, 10 mineurs |
| Debug | terminal fonctionnel, Claude Code qui tourne dedans |
Stack finale : Tauri (Rust) + React + ShadCN + ReactFlow + Xterm.js. Durée totale : environ 75 minutes pour une app fonctionnelle.
Le plugin ne rend pas Claude plus intelligent. Il le rend plus méthodique, et c'est souvent ce qui manque sur un projet de plus de quelques fichiers.
- Le brainstorm évite les mauvais départs. Les questions de clarification forcent à prendre les décisions structurantes avant d'écrire du code.
- Le plan rend le travail parallélisable. Des tâches bien découpées peuvent être confiées à plusieurs agents sans qu'ils se marchent dessus.
- La revue attrape ce que l'exécution rate. Quatre bugs critiques trouvés avant le premier lancement, c'est du temps de debug économisé.
- Le debug reste humain. Il faut toujours lancer l'app, regarder, et dire à Claude ce qui ne va pas.
Le revers : c'est plus lent au démarrage. Pour corriger une faute de frappe, le brainstorm est superflu. Superpowers brille sur les projets qui méritent une vraie conception.
- Le problème : trop de sessions Claude Code dispersées dans des onglets.
- La solution : un canevas infini de terminaux, façon Figma, construit avec Tauri, React, ReactFlow et Xterm.js.
- La méthode : Superpowers, avec brainstorm et compagnon visuel, plan de 14 tâches, agents parallèles, code review et debug itératif.
- Le résultat : une app fonctionnelle en environ 75 minutes, capable de faire tourner Claude Code elle-même.
