tesseract-motion — Claude Code skill: motion graphics and setup
Create editable motion graphics in Tesseract, from animated type and diagrams to overlays on supplied footage. The skill focuses on graphic work, not assembling a complete video edit.
npx skills add mirage-hq/Tesseract --skill tesseract-motion -a claude-codeWhat tesseract-motion does
The skill guides an agent through building a Tesseract composition: choose a visual concept and canvas, arrange native layers, then animate them with an AnimationGraph. It covers typography, masks, diagrams and graphics placed over supplied footage. The deliverables are an editable .tsrct document and a rendered preview.
When music sets the pace, the workflow calls for listening to the track and timing reveals around selected musical events. Review the animation as it develops, then check it alongside the footage. Transparent overlays can be exported with export --format prores --fx-solo compositionId:layerId --output overlay.mov; verify the alpha channel. A solo-layer export has no audio.
Before authoring, the agent reads the skill’s local instructions and checks the required Tesseract version. The CLI may send basic usage telemetry, so keep its opt-out preference intact. Separate guidance covers moving projects between editing tools. For assembling or revising a full footage edit, the skill points to tesseract-video instead.
What it helps with
- animate titles over supplied footage
- create a moving diagram from native layers
- export a transparent overlay and check its alpha channel
- time graphic reveals to selected music events
Example prompts for the agent
- Create animated titles over this footage in Tesseract, keeping the underlying image visible.
- Build a layered diagram, time its reveals to the music accents, and show me a preview.
- Export this graphic as a transparent overlay in
.tsrctand verify the video’s alpha channel.
How to install tesseract-motion
1Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-motion -a claude-code2Manually: put the files in place
~/.claude/skills/tesseract-motion/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/tesseract-motion/
1Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-motion -a codex2Manually: put the files in place
.agents/skills/tesseract-motion/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-motion -a cursor2Manually: put the files in place
.cursor/skills/tesseract-motion/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install mirage-hq/Tesseract tesseract-motion2Manually: put the files in place
.github/skills/tesseract-motion/SKILL.md1Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-motion -a gemini-cli2Platform CLI
gemini skills install https://github.com/mirage-hq/Tesseract --path skills/tesseract-motionManually: put the files in place
.devin/skills/tesseract-motion/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add mirage-hq/Tesseract --skill tesseract-motion -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about tesseract-motion
How do I install tesseract-motion in Claude Code?
Run npx skills add mirage-hq/Tesseract --skill tesseract-motion -a claude-code. The skill file is at ~/.claude/skills/tesseract-motion/SKILL.md.
What does tesseract-motion do?
It guides an agent in creating editable Tesseract motion graphics and a rendered preview, including animated scenes, type and overlays for footage.
Can tesseract-motion assemble a complete video edit?
It focuses on motion graphics rather than a full footage edit. Its instructions direct full-edit assembly or revision to tesseract-video.
