theatre-js
✓À utiliser lors de la mise en œuvre de motion design, d'animations de chronologie, d'éditeurs d'animation visuelle, d'animation de scènes Three.js/R3F, de création d'animations d'images clés ou d'utilisation de Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, théâtral ou de création d'outils d'animation pour le Web.
Installation
SKILL.md
Motion design editor and animation library for the web. Provides a visual timeline editor (Studio) with programmatic control.
| Project | Container for all animation data; maps to exported JSON state | | Sheet | A scene or component; contains objects and one sequence | | Object | Animatable entity with typed props | | Sequence | Timeline with keyframes; controls playback | | Props | Typed values (number, compound, rgba, etc.) |
| references/01-core.md | Project setup, sheets, objects, sequences, playback control | | references/02-prop-types.md | Defining props, custom types, compound props, constraints | | references/03-studio.md | Studio UI, keyboard shortcuts, extensions, panels | | references/04-react-integration.md | useVal, usePrism, @theatre/react hooks |
À utiliser lors de la mise en œuvre de motion design, d'animations de chronologie, d'éditeurs d'animation visuelle, d'animation de scènes Three.js/R3F, de création d'animations d'images clés ou d'utilisation de Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, théâtral ou de création d'outils d'animation pour le Web. Source : noklip-io/agent-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/noklip-io/agent-skills --skill theatre-js- Source
- noklip-io/agent-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que theatre-js ?
À utiliser lors de la mise en œuvre de motion design, d'animations de chronologie, d'éditeurs d'animation visuelle, d'animation de scènes Three.js/R3F, de création d'animations d'images clés ou d'utilisation de Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, théâtral ou de création d'outils d'animation pour le Web. Source : noklip-io/agent-skills.
Comment installer theatre-js ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/noklip-io/agent-skills --skill theatre-js Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/noklip-io/agent-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01