Tooluck logoTooluck
SKILL.md

sn-code-video

Agent skill fromOpenSenseNova/SenseNova-Skills

Create and revise code-driven videos with Canvas, SVG, HTML/CSS, Three.js, Remotion, Manim, or p5.js, including sound, deterministic frame capture, visual review, and MP4 verification. Use for rendered explainers, procedural animations, motion graphics, promos, and music-synchronized films; not for general web apps, scroll-driven HTML stories, or footage generation with video models.

How to install sn-code-video

install sn-code-video
# install the SenseNova-Skills pack with the skills CLI
npx skills add OpenSenseNova/SenseNova-Skills

# or add only this skill to Claude Code: copy the folder

skills/sn-code-video/

# into

~/.claude/skills/sn-code-video/ (all projects)

.claude/skills/sn-code-video/ (one project)

skills/sn-code-video/SKILL.md

MITFull file
1# SN Code Video
2
3A code video is a program `frame(t) → image`, sampled at `t = i / fps` and encoded. Almost every failure in this kind of work is one of four things: the film is never finished, the picture depends on wall-clock time, nobody looked at the frames, or the file does not match the brief. This skill prevents those four.
4
5## Setup and paths
6
7Use a separate project folder for the video source, `SPEC.md`, build files, and outputs. Resolve `SKILL_DIR` to the absolute directory containing this `SKILL.md`, whether installed in the agent's skills directory or used from this repository. Run project commands from the video project folder; invoke bundled scripts through `"$SKILL_DIR/scripts/..."` so they do not depend on the current working directory. Set `SKILL_DIR` again in each shell session if needed.
8…

Excerpt shown under the repository's MIT license.

More skills in SenseNova-Skills

Keep exploring

Similar skill repositories

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates