Blog

Claude CodeIABuilding in publicVeo 3

Un générateur de prompts vidéo sorti du chapeau — ma première page web avec Claude Code

· labnodev

Je ne sais pas coder.

Pas le "je suis pas expert mais je me débrouille" de quelqu'un qui connaît les bases. Le vrai zéro ou presque — je reconnais du HTML, du CSS, du JS si je les vois, je peux bidouiller des petites choses, mais créer un projet de A à Z tout seul : non.

Pourtant, le Video Prompt Builder tourne en ligne. Il est là. Pas parce que c'est impressionnant, pas parce que des gens l'attendent. Juste parce que je voulais voir si c'était possible.


L'idée de départ

Je voulais créer une page web et la mettre en ligne.

C'est aussi simple — et aussi flou — que ça.

Je voyais passer plein d'articles et de posts sur Claude Code, sur ce qu'il était possible de construire avec l'IA sans être développeur. J'avais envie d'essayer moi aussi.

Sauf que je savais pas quoi faire.

J'ai brainstormé avec Gemini pour trouver une idée de projet — simple, faisable, utile peut-être. Pourquoi Gemini et pas Claude ? Simple : je garde mes tokens Claude pour les projets de dev. Il faut être radin avec les tokens dans Claude. Et Gemini raisonne très bien pour ce genre d'exploration.

On est arrivés ensemble sur l'idée d'un générateur de prompts pour les IA vidéo. Un truc pour aider à structurer les prompts : type de plan, mouvement de caméra, style visuel, durée, ambiance sonore.

C'était flou. Pas forcément utile. Mais c'était une idée, et c'était suffisant pour commencer.

J'ai testé des premières versions, ajouté des options, analysé de la documentation technique avec l'aide de l'IA, et proposé une version qui est celle qu'on a aujourd'hui.

Peut-être qu'elle évoluera encore. Peut-être qu'elle restera comme ça. Je sais pas encore.


La découverte de Claude Code

J'utilisais ChatGPT depuis un moment. Un jour, j'ai testé Claude sur les mêmes prompts — notamment pour du code.

À prompt identique, Claude semblait meilleur. Alors j'ai switché.

Puis est arrivé Claude Code — l'interface en ligne de commande d'Anthropic. L'idée que je pouvais décrire ce que je voulais construire, et que Claude s'occuperait du code... ça m'a semblé absurde. Trop beau pour être vrai.

J'ai tenté des trucs. Sans jamais rien mettre en ligne d'abord. Je regardais ce qui se passait, je testais, je cassais, je relançais.

À un moment je me suis dit : allez, on tente n'importe quoi, mais il faut mettre un truc en ligne. Claude Code permet ça.

La première version était un fichier HTML basique. En quelques heures, j'avais quelque chose d'utilisable. Je ne savais pas vraiment pourquoi ça fonctionnait. Je regardais ce qui se passait.


Les erreurs (et il y en a eu beaucoup)

Ce serait malhonnête de présenter ça comme un parcours fluide.

Le PRD comme point de départ. J'ai créé un PRD.md — un document qui décrit le quoi et le pourquoi du projet, pas le comment. Je l'ai soumis à Claude Code en lui demandant ce qu'il fallait mettre en place techniquement pour réaliser ça et le mettre en ligne.

Les résultats sont arrivés vite. Mais je n'étais pas satisfait. J'ai modifié plein de choses : l'apparence, les fonctionnalités, la structure. Aujourd'hui encore, je ne suis pas entièrement satisfait.

La galère Google. J'ai voulu ajouter des outils de monétisation — Google AdSense, GTM, GA4. Pas seulement pour l'argent, mais aussi parce que ces outils m'intéressaient : le trafic, le SEO, comment tout ça fonctionne.

Quelle galère, Google. Il faut vraiment y passer du temps pour que ça marche. À ce jour, ça marche toujours pas vraiment d'ailleurs.

Les boucles sans fin. Il m'est arrivé de modifier le même composant dix fois de suite pour corriger un bug d'affichage. Claude proposait une solution, ça créait un nouveau problème, je relançais, ça recassait ailleurs. J'ai fini par me fixer une règle : "si tu touches le même fichier trois fois sans succès, arrête et change d'approche." Ça a cassé ces boucles.

Vouloir tout comprendre en même temps. Au début, j'essayais de lire et comprendre chaque ligne de code générée. C'est épuisant et contre-productif. J'ai appris à faire confiance à l'outil pour l'implémentation, et à concentrer mon énergie sur ce que je voulais vraiment : la logique produit, l'interface utilisateur, le contenu.


Ce que j'ai observé (pas "appris" — observé)

Je dis "observé" plutôt qu'"appris" parce que je ne veux pas me donner le rôle du prof. Ce n'est pas ma place.

Mais voilà ce que j'ai vu :

  • Clarifier ce qu'on veut, c'est presque tout. Avec Claude Code, la compétence centrale n'est pas de savoir coder. C'est de savoir précisément ce qu'on veut. Décrire un comportement, une interface, une contrainte. C'est finalement proche d'écrire un brief.

  • Penser utilisateur d'abord, c'est un réflexe de non-dev. On ne se perd pas dans des questions d'architecture abstraite. On veut que le bouton soit là, que le texte s'affiche ainsi, que ça marche sur mobile. C'est concret. Parfois c'est un avantage.

  • "Je ne sais pas pourquoi ça marche" est une information honnête. Je l'ai dit souvent. Je le dis encore. Ce n'est pas une faiblesse — c'est la réalité de mon rapport à tout ça.

Un vrai développeur ferait tout ça mieux, plus vite, plus proprement, en comprenant chaque ligne. Je suis conscient de ça. Je ne prétends pas autre chose.


L'état actuel

Le builder est en ligne sur labnodev.com/outils/video-prompt-builder.

Il propose aujourd'hui :

  • Un mode Simple pour les débutants (quelques paramètres clés)
  • Un mode Expert avec tous les paramètres cinématographiques
  • Un historique des prompts générés dans la session
  • Le partage par URL pour retrouver ou diffuser une configuration
  • Un support de Veo 3 et Sora

Le design a changé trois fois. Certains paramètres manquent encore. Mais il tourne, il m'est utile chaque semaine, et c'est déjà beaucoup.


Pourquoi je partage ça

Je ne partage pas parce que c'est impressionnant.

Je partage parce que si tu es dans la même situation que moi — plein d'idées, sans les compétences techniques pour les réaliser — peut-être que ça donne envie d'essayer.

Ici, sur labnodev, je partage tout sans filtre. Les trucs qui marchent, les trucs qui plantent, les moments où je regarde mon terminal sans comprendre ce qui se passe.

On tente des trucs, on explore, on se plante souvent. Mais on apprend à chaque fois.

Sur ce projet

Video Prompt Builder

Constructeur visuel de prompts pour IA vidéo — Veo 3 et Sora. Mode Rapide et Expert, historique de session, partage par URL.

Astro v5Tailwind CSS v4Vanilla JS