Les scripts se perdent tout en bas du menu Fenêtre, triés dans un ordre alphabétique qu’on ne choisit pas. Certains qu’on utilise constamment, d’autres jamais. Impossible d’en cacher sans aller les supprimer dans les dossiers d’installation.
Ce que je voulais était simple : un panneau ancrable comme les autres dans After Effects, qui liste tous les scripts, en lance un d’un clic, se réorganise à la souris, et cache ceux qu’on n’utilise pas. Un concept minimaliste, parfait pour une première expérience en vibe coding.
C’est devenu l’extension Scripts Launcher.
Installation
- 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 scanne les dossiers de scripts et en crée 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 de masquage, inspiré des calques discrets d’After Effects :
cochez ce que vous voulez cacher, et un bouton général masque tout en une action - 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 modifié sur le disque : le panneau est simplement 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 a démarré en 2025, quand j’ai migré de Copilot à Claude dans VS Code. J’ai lancé une conversation avec Duduf sur le Discord Motion Café pour valider l’approche, puis j’ai commencé les itérations : code → test dans VS Code → ajustements. C’était une démarche classique de « preuve de concept ». Mais les panneaux de scripts JSX en ExtendScript ES3 sont très limités, et Claude n’a pas pu créer un simple ascenseur pour faire défiler une liste.
Passage à une extension CEP
En 2026, j’ai repris cette base pour explorer plus sérieusement Claude Code en mode agentique, directement sur un dossier d’extension. Pour obtenir un panneau avec ascenseur, j’ai décidé de développer une extension CEP en m’appuyant sur la documentation Adobe.
J’ai branché Claude Code directement sur le dossier de l’extension et l’ai laissé gérer les fichiers. Mode debug activé dans le registre Windows pour charger une extension non signée. Structure minimaliste : 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 dialoguer avec After Effects. Environ 800 lignes en tout. Et ça a fonctionné : liste, lancement, glisser-déposer, masquage.
Un atelier avant d’aller plus loin
En suivant la Jake In Motion Community, j’ai découvert comment structurer le projet : un seul dépôt Git, une organisation pensée pour travailler avec une IA — un dossier par outil, et surtout un fichier de consignes (CLAUDE.md) que l’IA relit au début de chaque session. Il fixe les règles : code et commentaires en anglais, conventions de nommage. Mais la découverte la plus utile a été le carnet de pièges.
C’est un document où chaque limitation d’ExtendScript ou d’After Effects rencontrée est notée avec son contournement. 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 rencontré. C’est devenu le cœur du projet.
J’ai aussi migré l’extension vers Bolt CEP, un socle open source créé par HyperBrew. Il apporte l’outillage web moderne : 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.
Les outils utilisés
J’ai finalement abandonné VS Code pour tout faire dans Claude Desktop, qui gère tous les outils nécessaires :
- Git et GitHub — historique, sauvegarde, publication, releases.
- Bolt CEP (HyperBrew) — le socle de l’extension : React, TypeScript, Vite.
- Node.js et npm — pour exécuter Bolt et compiler.
- ZXPSignCmd (Adobe) et un script PowerShell — signature et empaquetage du .zxp.