Agent Plugins Marketplace
← All plugins

animation-studio

v1.1.3

Create web animations, scroll-driven 3D explainers and short videos with the Web Animations API, Motion, anime.js, Three.js and Remotion. Picks the lightest library for the job, follows your design tokens, and routes to specialist agents that ideate and build.

CodexClaude Code2 Skills

By Guillaume LebedelLicense: MIT0 GitHub starsUpdated 1 hour ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
2 skill or MCP entries
Source updated
Sep 25, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install animation-studio for Codex and Claude Code

Installs for the current user
codex plugin marketplace add glebedel/glstack-plugins
codex plugin marketplace upgrade glstack-plugins
codex plugin add animation-studio@glstack-plugins

Paste and run these commands in a terminal with Codex. They add and refresh the glstack-plugins catalog, then install this plugin.

Compatibility: the page URL and API slug “animation-studio” remain stable.

  • Codex: animation-studio@agent-plugin-marketplace → animation-studio@glstack-plugins

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/glebedel/glstack-plugins

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The plugin root is plugins/design/animation-studio/.

Plugin files

plugins/design/animation-studio/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/animation-studio/SKILL.md
└── skills/exploded-machine/SKILL.md

Included Skills2

animation-studioskills/animation-studio/SKILL.md

Create web animations, interactive visuals and short videos with the Web Animations API, Motion, anime.js and Remotion. Use for animation, motion, transitions, scroll effects, hover and micro-interactions, SVG path drawing, idle motion on graphs, and animated explainers or product videos. Picks the lightest library that does the job and routes to specialist agents.

exploded-machineskills/exploded-machine/SKILL.md

Turn a page, product, pipeline or architecture into a scroll-driven 3D "exploded machine" animation in the style of the animejs.com homepage. One machine whose parts are the real steps of the subject; as the reader scrolls, the cover opens, the parts separate along one axis, and a beam of light carries a real example through them. Plain-JavaScript scroll progress drives it, Three.js draws the machine, a 2D canvas carries the labels. Needs only a URL, a repo path or one sentence. Use when someone wants to show how a system works as a scrollytelling piece, a hero explainer or an "exploded view".

Plugin manifests2

plugins/design/animation-studio/.codex-plugin/plugin.json
{
  "name": "animation-studio",
  "version": "1.1.3",
  "description": "Create web animations, scroll-driven 3D explainers and short videos with the Web Animations API, Motion, anime.js, Three.js and Remotion. Picks the lightest library for the job, follows your design tokens, and routes to specialist agents that ideate and build.",
  "author": {
    "name": "Guillaume Lebedel",
    "url": "https://github.com/glebedel"
  },
  "homepage": "https://github.com/glebedel/glstack-plugins",
  "repository": "https://github.com/glebedel/glstack-plugins",
  "interface": {
    "displayName": "Animation Studio",
    "shortDescription": "Create web animations, scroll-driven 3D explainers and short videos with the Web Animations API, Motion, anime.js,…",
    "longDescription": "Create web animations, scroll-driven 3D explainers and short videos with the Web Animations API, Motion, anime.js, Three.js and Remotion. Picks the lightest library for the job, follows your design tokens, and routes to specialist agents that ideate and build.",
    "developerName": "Guillaume Lebedel",
    "category": "Design",
    "capabilities": [
      "Interactive"
    ],
    "websiteURL": "https://github.com/glebedel/glstack-plugins",
    "defaultPrompt": [
      "Use Animation Studio to run this workflow."
    ]
  },
  "license": "MIT",
  "keywords": [
    "animation",
    "motion",
    "animejs",
    "waapi",
    "remotion",
    "video",
    "3d",
    "webgl",
    "threejs",
    "scrollytelling"
  ],
  "skills": "./.codex/skills/"
}
plugins/design/animation-studio/.claude-plugin/plugin.json
{
  "name": "animation-studio",
  "version": "1.1.3",
  "description": "Create web animations, scroll-driven 3D explainers and short videos with the Web Animations API, Motion, anime.js, Three.js and Remotion. Picks the lightest library for the job, follows your design tokens, and routes to specialist agents that ideate and build.",
  "author": {
    "name": "Guillaume Lebedel",
    "url": "https://github.com/glebedel"
  },
  "homepage": "https://github.com/glebedel/glstack-plugins",
  "repository": "https://github.com/glebedel/glstack-plugins",
  "license": "MIT",
  "keywords": [
    "animation",
    "motion",
    "animejs",
    "waapi",
    "remotion",
    "video",
    "3d",
    "webgl",
    "threejs",
    "scrollytelling"
  ]
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[animation-studio on Agent Plugins Marketplace](https://pluginsmp.com/plugins/animation-studio)