create-motion-graphics

Installation
SKILL.md

Create Motion Graphics

Use this skill when a OpenChatCut task requires a Motion Graphic asset that the agent will author or patch as inline JSX.

This skill is for direct authoring. Do not translate the request into a Gemini prompt or generation brief, and do not call submit_motion_graphic, when this workflow is active.

Even though submit_motion_graphic exists in the tool list, treat it as the generation route, not this one. Ignore that path for MG work; use create_motion_graphic_from_code for new JSX assets and edit_asset for existing MG JSX. If the direct-authoring tools are missing, stop and report that the OpenChatCut tool surface is out of date.

Pass source inline through the asset code tools. Do not stage Motion Graphic code in the OpenChatCut repository, ai-working/, /tmp, a local HTTP server, generated code files, or guessed backend workspace paths.

Core Principles

  • Inspect project state when canvas size, fps, existing visual language, placement, or timeline conflicts are not already known.
  • Identify the required inputs in Before You Code before authoring JSX.
  • Create or update Motion Graphic assets through the available inline-code asset workflow; use current tool schemas for exact payload shapes.
  • Place or move assets through the timeline editing workflow when the edit requires timeline placement.
  • Re-read project state and verify the visible frame after structural or visual changes.

Before You Code

Installs
2
GitHub Stars
1.6K
First Seen
Jul 29, 2026
create-motion-graphics — 0xsline/openchatcut