git404hub

what is canvotion-skill fr?

cordy27/canvotion-skill — explained in plain English

Analysis updated 2026-05-18

36Audience · developerComplexity · 3/5LicenseSetup · moderate

tl;dr

A rule library that teaches AI coding agents to write 2D and 3D animation code using LeaferJS, Three.js, and a companion CLI.

vibe map

mindmap
  root((canvotion-skill))
    What it does
      AI agent skill
      Video generation
      Canvas rendering
    Tech stack
      LeaferJS
      Three.js
      Node CLI
    Use cases
      Marketing videos
      3D scenes
      Agent skill library
    Audience
      AI agent builders
      Developers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Generate 2D animated marketing videos automatically through an AI agent.

VIBE 2

Build 3D scenes and shader effects with Three.js guided by AI-written code.

VIBE 3

Add a canvas and video generation skill to an existing AI coding agent setup.

what's the stack?

Node.jsLeaferJSThree.jsJavaScript

how it stacks up fr

cordy27/canvotion-skill28998306/magicalcanvasaaaa-zhen/siri-glsl
Stars363636
LanguageTypeScriptHTML
Setup difficultymoderatemoderateeasy
Complexity3/53/52/5
Audiencedevelopergeneraldesigner

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 30min

Requires Node.js, the Canvotion CLI, and a Canvotion account login.

Use, modify, and redistribute freely, including commercially, as long as you keep the copyright notice.

in plain english

Canvotion Skill is a library of instructions built for AI coding agents that need to create visual and video content. It pairs an npm command line tool called Canvotion with a set of tuned system rules so that a large language model can write and render graphics without a human doing the drawing by hand. The library covers two rendering engines. LeaferJS handles two dimensional animation: strict spatial layout, timing curves, motion along SVG paths, and lighting effects meant to look like a polished product launch video. Three.js handles three dimensional scenes, starting from basic meshes and going up through materials, lighting systems, and shader based post processing. Instructions are organized into four layers of rules under a references and authoring folder: planning the video structure and script, visual layout and self review for aesthetics, the actual 2D code including shapes, styles, animation, media, and voiceover, and Three.js specific rules for scenes, materials, lighting, and post effects. A manifest file tracks the schema version, and a SKILL.md file defines how the Canvotion CLI is meant to be used. To use it, a person installs the Canvotion CLI through npm, logs in, and creates a project. The repository's rule files are then loaded into an AI agent's system prompt, and the agent writes JavaScript code that the CLI can verify for syntax and visual correctness before rendering. Finished scenes can be exported as video, including a transparent alpha channel format meant for use in other editing software. This project is aimed at people building or using AI agents that need to generate marketing style animations or 3D scenes automatically, rather than at someone who wants to write animation code by hand. It is released under the MIT license, so it can be used, modified, and redistributed freely.

prompts (copy fr)

prompt 1
Install the Canvotion CLI and set up a new video project using canvotion-skill.
prompt 2
Use the canvotion-skill rules to write a 2D LeaferJS animation of a logo reveal.
prompt 3
Load canvotion-skill into my AI agent and have it build a Three.js scene with basic lighting.
prompt 4
Render my Canvotion project as a video with a transparent alpha channel.

Frequently asked questions

what is canvotion-skill fr?

A rule library that teaches AI coding agents to write 2D and 3D animation code using LeaferJS, Three.js, and a companion CLI.

What license does canvotion-skill use?

Use, modify, and redistribute freely, including commercially, as long as you keep the copyright notice.

How hard is canvotion-skill to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is canvotion-skill for?

Mainly developer.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.