PluginBench
Skill
Review
Audit score 70

tesseract-motion

mirage-hq/tesseract

Create editable motion graphics, typography, and overlays locally in Tesseract.

What is tesseract-motion?

Build animated motion graphics compositions including full-frame scenes, typography, diagrams, lower thirds, and overlays on supplied footage within Tesseract. Use this for focused motion-design work; switch to tesseract-video for assembling or revising complete footage edits.

  • Author full-frame animated scenes with coordinated AnimationGraph and native layers
  • Design typography, diagrams, masks, and precomposed motion elements
  • Create overlays on supplied footage with subject-aware occlusion and mattes
  • Sync animation timing to music waveforms and audio events
  • Export transparent overlays with alpha channel or full-project MOV with audio mix
  • Review and iterate animations using filmstrip review during construction

How to install tesseract-motion

npx skills add https://github.com/mirage-hq/tesseract --skill tesseract-motion
Prerequisites
  • Tesseract CLI installed (version checked once per session)
  • Brand/style references for the motion design
  • Supplied footage or graphic assets (optional but welcome)
  • Music track if animation timing should sync to audio rhythm
Claude Code
Cursor
Windsurf
Cline

How to use tesseract-motion

  1. 1.Resolve the skill root and verify the required Tesseract version
  2. 2.Read motion-design and native-authoring references; inspect actual footage for overlays
  3. 3.Choose a mechanism (typography, paths, masks, precomps, diagram) and build native layers with AnimationGraph
  4. 4.Retrieve schema definitions via `tsrct project schema` and author using supported effects
  5. 5.If using music, open the waveform, confirm accents, and map animation arrivals to music events
  6. 6.Use filmstrip review to inspect and correct the animation during construction
  7. 7.Export as `.tsrct` document and rendered preview; use `export --format prores` for transparent overlays

Use cases

Good for
  • Design ad openings with visual hooks tied to product messaging and music cues
  • Create lower thirds and graphics overlays for video footage
  • Build animated typography sequences with rhythm-matched to audio tracks
  • Develop diagram animations and motion graphics for explainer videos
  • Composite motion graphics over existing footage with proper subject occlusion
Who it's for
  • Motion designers working on focused graphic sequences
  • Video editors adding animated overlays to footage
  • Advertising and marketing teams creating opening sequences
  • Content creators building animated typography and diagrams

tesseract-motion FAQ

When should I use tesseract-motion vs. tesseract-video?

Use tesseract-motion for focused motion-design work on individual graphics, overlays, and animated sequences. Use tesseract-video for assembling or revising a complete footage edit.

How do I sync animation timing to music?

Open the music waveform using waveform editing, listen to confirm accents and phrase changes, then map animation arrivals and reveals to the selected music events before authoring timing.

Can I create transparent overlays?

Yes. Use `export --format prores --fx-solo compositionId:layerId --output overlay.mov` and verify the alpha channel is preserved.

What effects and tools are supported?

Use native text/shape animation, supported effects, masks, precomps, and diagrams. Custom WGSL shaders are available after reading the custom shader contract; do not invent unsupported API fields or capabilities.

How do I handle subject occlusion in overlays?

Use actual person mattes when supported by the runtime, not approximate hand-drawn silhouettes.

Full instructions (SKILL.md)

Source of truth, from mirage-hq/tesseract.


name: tesseract-motion description: Create editable motion graphics locally in Tesseract, including full-frame animated scenes, typography, diagrams, lower thirds, and overlays on supplied footage. Use for focused motion-design work; use tesseract-video for assembling or revising a complete footage edit.

Design motion with Tesseract

The CLI may send basic usage telemetry for some commands. You can provide optional attribution via TESSERACT_SKILL=tesseract-motion and the other attribution variables. Respect the CLI's telemetry opt-out setting; never enable telemetry on the user's behalf.

Create a moving composition with a clear visual idea. Establish what the motion communicates, its rhythm, the destination canvas, and whether this is a full scene or an overlay that must leave footage visible.

When designing an ad opening, read ad hooks: develop a clear visual idea tied to the actual product/message, align its key arrival to confirmed opening music cues when available, and preview it together with the next scene. Sound and transitions strengthen the idea; they are not a required effects stack.

  1. Resolve this skill's root from the directory containing this SKILL.md. Read CLI installation and check the required Tesseract version once per session. Use the resolved executable path throughout the task. Read local operation and native authoring.
  2. Read motion design. Use the supplied brand/style references. For an overlay, inspect the actual footage at the intended placement and timing; design around the subject, text, and action.
  3. Choose a useful mechanism—typography, paths, masks, precomps, a diagram, or a media treatment. Use native layers and a coordinated AnimationGraph. Existing footage and graphic assets are welcome; a single prerendered image of the design defeats editable motion.
  4. Retrieve the specific definitions needed from tsrct project schema or tsrct project schema --document. FX authoring and motion show working wire shapes and local rendering, not mandatory designs. For subject occlusion use actual person mattes when supported, not an approximate hand-drawn silhouette.
  5. When supplied or previously generated music sets the rhythm, read waveform editing: open a music waveform, listen to confirm accents and phrase changes, and map animation arrivals/reveals to the selected music events before authoring timing. Preserve the chosen track; do not mistake every peak for a beat or sync every movement mechanically. Read sound design when the graphic is part of an audible video. Add a local accent or transition sound when it strengthens the movement; leave it quiet when speech or the existing mix already carries the moment. Keep sound in separate Audio layers, and use audio and timing for importing files, placement, and envelopes. A silent-overlay request stays silent.
  6. Use filmstrip review to inspect and correct the saved animation during construction. Finish with review and delivery, including playback in context.

Output an editable composition in a portable .tsrct document and a rendered preview. Composite overlays over the supplied footage as native layers. For a transparent overlay, use export --format prores --fx-solo compositionId:layerId --output overlay.mov and verify the alpha channel. Solo export covers the target’s active window without audio; full-project MOV export preserves the project mix.

Prefer supported effects and native text/shape animation. For an unusual visual treatment use custom WGSL only after reading the custom shader contract. Never invent API fields, keyframe formats, or a capability such as arbitrary 3D mesh import that this runtime does not provide.