Create Motion Graphics
Create Motion Graphics is an agent skill (a SKILL.md file) from 0xsline/OpenChatCut. Use whenever the agent needs to add, create, hand-author, patch, or place Motion Graphic JSX assets in a OpenChatCut project. It works with Claude Code and Codex and has 2,156 GitHub stars across a repository of 2 listed skills.
github.com/0xsline/OpenChatCut/src/agent/skills/create-motion-graphics (opens in a new tab)
- Multi-skill repo
- Testing & QA
- Actively maintained
Add this skill
Claude
Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):
git clone --depth 1 https://github.com/0xsline/OpenChatCut.git
cp -r OpenChatCut/src/agent/skills/create-motion-graphics ~/.claude/skills/create-motion-graphics # personal, or .claude/skills in a projectIn the Claude apps, zip the create-motion-graphics folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/0xsline/OpenChatCut.git
cp -r OpenChatCut/src/agent/skills/create-motion-graphics .agents/skills/create-motion-graphics # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/0xsline/OpenChatCut.git
cp -r OpenChatCut/src/agent/skills/create-motion-graphics .cursor/skills/create-motion-graphics # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
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 createmotiongraphicfromcode / editasset / edititem, not motion-graphic-gen or submitmotiongraphic. Covers project/timeline intake, project visual language, editable properties, asset binding, inline JSX authoring, existing asset updates, timeline placement, and verification.
More skills in 0xsline/OpenChatCut
2 skills are listed from this repository.
Similar skills
More testing & qa skills
Systematic Debugging
obra/superpowers
Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes.
Testing & QAShellTest Driven Development
obra/superpowers
Use when implementing any feature or bugfix, before writing implementation code.
Testing & QAShellVerification Before Completion
obra/superpowers
Use when about to claim work is complete, fixed, or passing, before committing or creating PRs - requires running verification commands and confirming output before making any success claims…
Testing & QAShellFinishing A Development Branch
obra/superpowers
Use when implementation is complete, all tests pass, and you need to decide how to integrate the work.
Testing & QAShellDiagnosing Superpowers
obra/superpowers
Use when a superpowers session went wrong and your human partner wants to know why — repeated work, ignored plans, stumbles, poor results, a skill that didn't fire, "it took too long", "why is it so…
Testing & QAShellTDD
mattpocock/skills
Test-driven development. Use when the user wants to build features or fix bugs test-first, mentions "red-green-refactor", or wants integration tests.
Testing & QAShell
What is the Create Motion Graphics skill?
Create Motion Graphics is an agent skill (a SKILL.md file) from 0xsline/OpenChatCut. Use whenever the agent needs to add, create, hand-author, patch, or place Motion Graphic JSX assets in a OpenChatCut project. It works with Claude Code and Codex and has 2,156 GitHub stars across a repository of 2 listed skills. Its SKILL.md lives at github.com/0xsline/OpenChatCut/src/agent/skills/create-motion-graphics.
How do I install the Create Motion Graphics skill?
Copy the create-motion-graphics folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.
Is the Create Motion Graphics skill free?
Yes. The repository is open source under the AGPL-3.0 license.
Is Create Motion Graphics maintained?
The repository's most recent commit was on Oct 5, 2026. Its latest release is v0.2.15. appsgit only lists skills from repositories with a commit in the last six months.