Skip to content
mcp/skillhub

Agent Skill

Create Motion Graphics skill

create-motion-graphics0xsline/OpenChatCutsrc/agent/skills/create-motion-graphics/SKILL.md

Use whenever the agent needs to add, create, hand-author, patch, or place Motion Graphic JSX assets in a OpenChatCut project. This is the direct-authoring path: use create_motion_graphic_from_code / edit_asset / edit_item, not motion-graphic-gen or submit_motion_graphic. Covers project/timeline intake, project visual language, editable properties, asset binding, inline JSX authoring, existing asset updates, timeline placement, and verification.

2.6kAGPL-3.0

always on

97 tokname + description

once used

5,976 tokSKILL.md body

bundled files

15 KB

repo stars

2.6kGitHub

Install the Create Motion Graphics skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/0xsline/OpenChatCut --skill create-motion-graphics

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/0xsline/OpenChatCut.git /tmp/OpenChatCut
mkdir -p ~/.claude/skills
cp -R /tmp/OpenChatCut/src/agent/skills/create-motion-graphics ~/.claude/skills/create-motion-graphics

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description97 tok
When the agent uses itThe SKILL.md instructions5,976 tok
Only if opened1 bundled files (5 KB)varies

Until it is used, create-motion-graphics costs about 14× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 31 skills from 0xsline/OpenChatCut would load 2,031 tokens of descriptions. Skills vs MCP study

Checks

  • The instructions are over 5,000 tokens, the Agent Skills specification's guideline for SKILL.md.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • Create Motion Graphics
  • Core Principles
  • Before You Code
  • Align With The User
  • Project Visual Language
  • Visual System And Placement
  • Editable Properties
  • Fonts
  • Assets
  • Design Principles
  • Text Layout Safety
  • Motion Graphic Code Contract
  • Placement And Review
  • Asset And Timeline Flow
  • Create A New Asset
  • Patch An Existing Asset
  • Place On The Timeline
  • Changing an MG that is already on the timeline
  • Implementation Rules
  • Verification

More skills from 0xsline/OpenChatCut

All skills in this repo
  1. ai-cinematic-short-film0xsline/OpenChatCut

    Plan AI short films with story, shots, prompts, and continuity.

    2.6k20 tok idle · 517 in use
  2. asset-import0xsline/OpenChatCut

    Use when acquiring or importing media into a OpenChatCut project asset library for video editing or creation, including local/attached videos, user-provided paths, public media URLs, web video/audio/image assets, upload fallback decisions, and deciding between import_media, download_media, or manual user action.

    2.6k62 tok idle · 746 in use
  3. batch-montage-variants0xsline/OpenChatCut

    Turn one pool of existing project media into a batch of distinct, publishable montage cuts instead of a single hero edit. Use for batch montage, one-source-many-outputs, 一源多出, 批量混剪, 批量出片, 矩阵号, 多账号分发, variant batches, deduped cuts, 去重变体, 防搬运, or when the user asks for N different versions of the same footage.

    2.6k101 tok idle · 1,053 in use
  4. beat-sync-montage0xsline/OpenChatCut

    Plan and build a finished beat-synced montage where cut placement serves the content, not just the metronome. Use for 卡点混剪, 卡点剪辑, 踩点视频, beat-sync montage, rhythm edit, 节奏剪辑, 音乐驱动剪辑, or when the user wants cuts that land on the beat.

    2.6k81 tok idle · 1,032 in use
  5. ecommerce-product-montage0xsline/OpenChatCut

    Assemble product footage, UGC, and b-roll into a conversion-oriented montage with a hook → pain → demo → proof → CTA rhythm. Use for 带货混剪, 产品混剪, 商品短视频, 种草视频, ecommerce montage, product reel, UGC cutdown, or when the user wants selling footage cut into a short that converts.

    2.6k81 tok idle · 987 in use
  6. explainer-video0xsline/OpenChatCut

    Create finished explainer videos from a topic, script, outline, voiceover, product logic, data, technical concept, course material, or reference assets. Use when the user wants narration, motion graphics, stock footage, generated visuals, or mixed visuals to explain an idea.

    2.6k59 tok idle · 2,183 in use
  7. export0xsline/OpenChatCut

    Use when a OpenChatCut video editing or creation workflow needs export, render, download, share, final delivery, subtitle-file export, render choice, local-only asset handling, or export fallback explanation.

    2.6k42 tok idle · 1,934 in use
  8. image-gen0xsline/OpenChatCut

    AI image generation via Fal.ai, gpt-image-2, nano-banana, MiniMax image-01, and xAI Grok Imagine. Use when the user wants to generate or create an image / picture / still.

    2.6k49 tok idle · 1,322 in use