# Flow Studio

> Un espace visuel pour garder les références, les consignes, les versions et les retours reliés autour de Google Flow.

Outils personnels · Automatisation créative

Rubrique: Outils & recherche

[Ouvrir dans le portfolio interactif](<https://zaki.somehow.engineer/#built/2>)

[English](<https://zaki.somehow.engineer/read/en/flow-studio.md>)

## En bref

| Indicateur | Valeur |
| --- | --- |
| Mon rôle | Application et automatisation |
| Interface | Graphe · versions · revue |
| Génération | Google Flow |
| Exemple | Production existante Coco Romy |

## Garder le fil de la création

Générer des images et des vidéos implique plus qu’une consigne. Les références, les résultats précédents et les demandes de modification doivent rester associés. J’ai construit Flow Studio pour garder ce travail dans un même espace visuel, avec un adaptateur navigateur pour Google Flow.

Les captures présentées ici viennent de Coco Romy, une production générée déjà présente dans mon espace de travail. Elles montrent un vrai projet avec ses images, ses consignes, ses versions et ses clips, sans recréer l’interface pour le portfolio.

### Images et médias

[Le graphe conserve les liens entre les éléments ; le panneau de droite donne accès au contenu complet du nœud.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/image-details.webp>)

Graphe Flow Studio reliant images, consignes et plans vidéo, avec le détail d’une image sélectionnée à droite.

Crédit: Flow Studio · projet existant Coco Romy. Capture du 9 novembre 2026.

## Relier les consignes aux résultats

Le travail est organisé en nœuds : consignes, références, images, vidéos et étapes de revue. Une image conserve sa consigne et ses références ; le plan vidéo associé garde à son tour le contexte de l’image utilisée.

L’objectif est de pouvoir revenir sur une décision sans chercher quel fichier allait avec quelle version. Le graphe rend le parcours lisible, tandis que le stockage garde les identifiants, les paramètres et les fichiers récupérés.

TypeScript · React · React Flow / XYFlow · File-backed state · Google Flow

Du brief au plan généré

1. **Consigne** — Préciser la scène, les références et ce qui doit être préservé.
2. **Image** — Examiner le résultat et conserver ses versions.
3. **Vidéo** — Relier le plan à son image et à ses consignes d’animation.

Lecture simplifiée du processus visible dans le projet existant.

## Faire évoluer une image sans perdre les versions

Dans cet exemple, la demande était précise : changer la position des deux personnages sur le scooter en préservant leurs identités, leurs vêtements et la lumière. La version approuvée place Coco au guidon et Romy derrière lui.

L’historique garde la première version, la révision produite par l’agent et l’état de validation. On peut consulter les anciennes consignes, comparer leur texte et restaurer une version sans effacer la suite du travail.

### Images et médias

[Version 1, conservée dans l’historique.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/coco-romy-keyframe-v1.webp>)

Première version générée : Romy est à l’avant du scooter et Coco derrière.

Crédit: Coco Romy · image générée avec Google Flow, archive du projet.

[Version 2 approuvée : les positions ont été changées en gardant la scène reconnaissable.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/coco-romy-keyframe.webp>)

Version révisée : Coco conduit le scooter et Romy est assise derrière lui, dans la même rue à l’aube.

Crédit: Coco Romy · image générée avec Google Flow, archive du projet.

[L’ancienne version et ses consignes restent consultables depuis le même nœud.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/version-history.webp>)

Onglet History affichant les deux versions de l’image et les anciennes consignes.

Crédit: Flow Studio · projet existant Coco Romy. Capture du 9 novembre 2026.

## Transformer les retours en actions

La revue propose trois décisions : approuver, commenter ou demander des modifications. Un retour soumis est lié à la version concernée et devient une tâche que l’agent peut lire. Le résultat d’une révision revient comme une nouvelle version du même nœud.

Cela permet de préciser ce qui doit changer, mais aussi ce qui doit rester identique. Le suivi de la revue et l’accusé de traitement évitent que le commentaire et la révision deviennent deux éléments séparés.

### Images et médias

[Un brouillon de démonstration saisi pour la capture, puis effacé. Aucun nouveau retour n’a été envoyé au projet existant.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/review-controls.webp>)

Onglet Review avec un brouillon de retour marqué Portfolio demo et les actions Approve, Comment et Request changes.

Crédit: Flow Studio · projet existant Coco Romy. Capture du 9 novembre 2026.

## Passer de l’image au plan vidéo

Le plan vidéo garde son image et sa consigne de mouvement à portée de main. Le panneau de détail permet de revoir la scène et de lire les contraintes de continuité avant de valider le résultat.

L’extrait ci-dessous provient d’un plan déjà généré pour Coco Romy. Il dure environ huit secondes, au format vertical 720 × 1280 à 24 images par seconde. Dans l’espace de travail, cette prise reste en attente de revue ; elle sert ici d’exemple concret de sortie, pas de film final validé.

### Images et médias

[Le clip, sa consigne et son état Ready for review dans la même vue.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/video-details.webp>)

Nœud vidéo sélectionné, lecteur arrêté à une seconde et consigne d’animation dans le panneau de détail.

Crédit: Flow Studio · projet existant Coco Romy. Capture du 9 novembre 2026.

[Extrait existant de Coco Romy, scène 13, seconde prise. Lecture à la demande.](<https://zaki.somehow.engineer/content/assets/flow-studio/case-study/coco-romy-scene13.mp4>)

Extrait généré montrant Coco et Romy sur un scooter dans une rue de la Riviera à l’aube.

Crédit: Généré avec Google Flow, 3 novembre 2026. Copie optimisée pour le portfolio ; contenu et son conservés.

## Récupérer un résultat sans le régénérer

La génération et le téléchargement sont deux étapes séparées. Si la récupération du fichier échoue après la génération, le système garde les informations nécessaires pour retrouver l’asset existant avant de soumettre une nouvelle demande payante.

Cette partie est moins visible dans le graphe, mais elle compte dans un outil que l’on veut pouvoir reprendre après une interruption. Les états d’opération, les identifiants et les liens entre versions participent au même objectif : garder la trace de ce qui a réellement eu lieu.

## Mon travail et les limites du projet

Mon travail est l’espace de production, le stockage, la revue et l’automatisation autour de Google Flow. Les modèles de génération et le service Google Flow sont des outils existants. Certaines combinaisons de génération restent partielles ou dépendent de l’interface et de l’état de connexion du compte.

Les captures ont été prises dans l’application le 9 novembre 2026, à partir d’une production existante. Elles illustrent le fonctionnement du projet sans annoncer un gain de temps mesuré ni une fiabilité universelle.
