Les Scripts se perdent tout en bas du menu Fenêtre, le tout dans un ordre alphabétique que l’on ne choisi pas. Certains que l’on utilise tout le temps, d’autres très rarement. Impossible de faire le tri sans aller supprimer des fichiers dans les dossiers d’installation.
Ce que je voulais est simple à dire : un panneau ancrable, comme n’importe quel panneau d’After Effects, qui liste tout, lance un script d’un clic, se réorganise à la souris, et cache ce que je n’utilise pas. Un concept simple, adapté à un première expérimentation de vibe coding.
C’est devenu l’extension Scripts Launcher.
- Téléchargez le dernier fichier .zxp dans les releases GitHub.
- Glissez-le sur ZXP/UXP Installer (gratuit, Mac et Windows).
- Redémarrez After Effects, puis Fenêtre > Extensions > Scripts Launcher.
Ce que fait le panneau
L’extension scan les dossiers de scripts et en fait une liste vivante :
- un clic lance le script, ou ouvre le panneau, exactement comme depuis le menu
- un glisser-déposer change l’ordre, et l’ordre est mémorisé d’une session à l’autre
- chaque ligne a un bouton Discret, sur le modèle des calques discrets : vous marquez ce que vous voulez cacher, puis un bouton général masque tout d’un coup
- un filtre affiche les panneaux, les scripts simples, ou les deux, et un champ de recherche filtre par nom
- Reset remet tout à zéro (ordre alphabétique, rien de caché)
- Le panneau suit le thème d’After Effects, du plus sombre au clair
Rien n’est déplacé ni renommé sur le disque. Le panneau n’est qu’une vue sur vos scripts.
Mes débuts en Vibe Coding, étape par étape
Première version Script JSX
La première version du script commence en 2025 quand je passe de Copilot à Claude dans VS Code. Je lance une conversation avec Duduf sur le Discord Motion Café en faisant des allez retour dans VS Code pour tester la faisabilité, dans une démarche de « proof-of-concept ». Mais le format de script jsx en ExtendScript ES3, est très limité et Claude n’arrive pas à me faire un simple ascenceur dans un panneau pour faire défiler un colonne de bouton.
Passage à une extension CEP
En 2026 je reprend cette base pour tester plus avant Claude Code à l’intérieur d’un dossier en mode agantique. Pour avoir un panneau avec un ascenceur je tente de vibe coder une extension CEP en partant de cette documentation : https://github.com/Adobe-CEP/CEP-Resources
Au départ je branche Claude Code directement sur mon dossier d’extension et je le laisse gérer les fichiers. Mode debug activé dans le registre de Windows pour chargé une extension non signée. Un fichier manifest.xml, la bibliothèque CSInterface.js fournie par Adobe, du JavaScript sans framework, une feuille de style, et un fichier ExtendScript pour le dialogue avec After Effects. Environ 800 lignes en tout. Et ça marchait : liste, lancement, glisser-déposer, masquage.
Un atelier avant d’aller plus loin
En suivant la Jake In Motion Community https://www.jakeinmotion.com/motion-lab j’apprends a regrouper tous mes outils dans un seul dépôt Git, avec une organisation pensée pour travailler avec une IA : un dossier par outil, et un fichier de consignes (CLAUDE.md) que l’IA lit au début de chaque session. Il fixe les règles : le code et ses commentaires en anglais, et surtout un carnet de pièges, un document où chaque limitation d’ExtendScript ou d’After Effects rencontrée est notée avec son contournement. C’est la découverte la plus utile de tout ce projet : l’IA ne se souvient de rien d’une session à l’autre, mais elle relit ce fichier. Un piège documenté une fois n’est plus jamais retombé.
Je découvre comment migrer l’extension vers Bolt CEP, un socle open source de HyperBrew qui apporte l’outillage web actuel : React et TypeScript pour le panneau, Vite pour la compilation, un rechargement à chaud qui met à jour le panneau dans After Effects à chaque enregistrement, et une traduction automatique du code ExtendScript vers le vieux dialecte que le logiciel comprend.
Les outils utilisés
J’ai finalemant lassé tombé VS Code pour tout faire dans Claude Desktop qui gère tous les outils necessaires.
- Git et GitHub — historique, sauvegarde, publication, releases.
- Bolt CEP (HyperBrew) — le socle de l’extension : React, TypeScript, Vite.
- Node.js et npm — pour faire tourner Bolt et compiler.
- ZXPSignCmd (Adobe) et un script PowerShell — signature et empaquetage du .zxp.