New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Motion Graphic Placement

by 0xsline in 0xsline/OpenChatCut

Add motion graphics at the right moments without blocking the story.

AGPL-3.0Auto-check passedMedia & Creative

Install Motion Graphic Placement

skills CLI
$ npx skills add 0xsline/OpenChatCut --skill motion-graphic-placement -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install 0xsline/OpenChatCut motion-graphic-placement --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/0xsline/OpenChatCut.git skills-src && mkdir -p .claude/skills && cp -r skills-src/src/agent/skills/motion-graphic-placement .claude/skills/motion-graphic-placement && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
motion-graphic-placement
GitHub stars
2.2k
Token cost
~1k tokens
SKILL.md length
496 words
Files
1
Skills in repo
31
Repo updated
First seen
Licence
AGPL-3.0

At a glance

Add motion graphics at the right moments without blocking the story.

  • Works in 8 steps: Read project state, transcript, active… → Identify the video structure → Decide motion-graphic density → …
  • The user wants to enhance talking-head
  • SKILL.md covers Goals, Workflow, Semantic Triggers and Placement Rules, plus 2 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Motion Graphic Placement is an agent skill from 0xsline/OpenChatCut. Add motion graphics at the right moments without blocking the story. Use when the user wants to enhance talking-head, lecture, tutorial, interview, podcast, or creator videos with motion graphics.

Its SKILL.md is about 1k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Media & Creative, covering Motion graphics. The repository describes itself as: Open-source, local-first conversational AI video editor with a professional multi-track timeline, Agent Skills, MCP integration, and Remotion rendering. The licence is AGPL-3.0.

When your agent uses it

  • The user wants to enhance talking-head
  • Creator videos with motion graphics

Example prompts

  • “/motion-graphic-placement”

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Read project state, transcript, active design style, video aspect ratio, and visible speaker layout.
  2. Identify the video structure
  3. Decide motion-graphic density
  4. Pick MG types from semantic triggers.
  5. Review the plan before generation
  6. Generate or reuse MGs.
  7. Place each MG against the relevant transcript moment.
  8. Verify screenshots at target frames and fix anything that blocks content, feels mistimed, or carries template residue.

What it can do on your machine

Read from SKILL.md and the folder at commit 2e6f4a2. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Motion Graphic Placement loads about 1k tokens when it runs. Until then it costs about 55 tokens; SKILL.md has 496 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~55
When it runs · the whole SKILL.md, loaded when a task matches
~1k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from 0xsline/OpenChatCut at commit 2e6f4a2, republished under its AGPL-3.0 licence (© 0xsline). 496 words, ~1,003 tokens.

Download SKILL.mdSave it as .claude/skills/motion-graphic-placement/SKILL.md (or your agent's skills folder).
name
motion-graphic-placement
description
Add motion graphics at the right moments without blocking the story. Use when the user wants to enhance talking-head, lecture, tutorial, interview, podcast, or creator videos with motion graphics.

Motion Graphic Placement

Use this skill to plan where motion graphics should appear, what type each one should be, and how to keep them readable, rhythmic, and consistent with the video.

Goals

  • Reinforce important speech moments without covering the speaker or subtitles.
  • Match MG type to the semantic function of the line.
  • Keep density high enough for retention but sparse enough to avoid fatigue.
  • Maintain one visual language across the whole edit.

Workflow

  1. Read project state, transcript, active design style, video aspect ratio, and visible speaker layout.
  2. Identify the video structure:
    • hook
    • problem or setup
    • body / proof / steps
    • summary / CTA
  3. Decide motion-graphic density:
    • long-form landscape: usually one meaningful MG every 5-8 seconds, tighter in the first 15 seconds
    • short-form portrait: usually one meaningful MG every 3-5 seconds, with stronger rhythm
    • reduce density when the speaker's face, gesture, or screen recording already carries the moment
  4. Pick MG types from semantic triggers.
  5. Review the plan before generation:
    • no repeated form in a row unless intentionally templated
    • no overlays on face, hands, product focal point, or subtitle area
    • no unnecessary full-screen takeover when a card, strip, badge, or annotation is enough
  6. Generate or reuse MGs.
  7. Place each MG against the relevant transcript moment.
  8. Verify screenshots at target frames and fix anything that blocks content, feels mistimed, or carries template residue.

Semantic Triggers

Speech patternGood MG direction
strong opinion, conclusion, key quotehighlight sentence or quote card
numbers, percentages, pricesnumber card, counter, chart, price card
steps, lists, sequencepoint list, flow steps, timeline
comparison or choicecomparison card, split card, VS card
warning or mistakewarning card or caution badge
question, suspense, hookquestion card, hook text
self-intro, guest, rolename tag or lower-third
source, screenshot, comment, evidencesource card or annotation
CTACTA card
Show full SKILL.md (195 more words)Show less

Placement Rules

  • Always inspect the frame before placing an overlay.
  • Place MGs away from the speaker's face, hands, active product area, and subtitles.
  • Landscape: side cards work well when the speaker is clearly on the opposite side; bottom strips must sit above subtitles.
  • Portrait: keep the bottom 15-20% clear for captions and interaction UI.
  • Full-screen MGs should be reserved for hooks, chapter transitions, dense data, or moments where the original footage adds little value.
  • After a full-screen MG, leave enough breathing room before the next overlay.

Style And Reuse

  • Use the active Design Style when the project has one.
  • Same-role MGs should reuse a confirmed template or code structure and change only the content.
  • New-role MGs can borrow style, but should not inherit irrelevant template text, charts, labels, or layout.
  • After generation, inspect the visual output. If old template text or wrong structure appears, fix the asset instead of trusting props.

Quality Checks

  • Every MG has a reason tied to a speech beat.
  • Text can be read at playback size.
  • Adjacent MGs vary in form, position, or rhythm.
  • No face/subtitle/product obstruction.
  • Visual style is consistent but not repetitive.
  • The final edit feels clearer, not busier.

© 0xsline, AGPL-3.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in src/agent/skills/motion-graphic-placement of 0xsline/OpenChatCut.

Open the folder on GitHubat commit 2e6f4a2

Compare with similar skills

Motion Graphic Placement next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Motion Graphic Placement compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Motion Graphic Placement this skill0xsline/OpenChatCut2.2k—~1kAutomated safety check: PassAGPL-3.0
HyperFrames Animationheygen-com/hyperframes60k3 repos~2.1kAutomated safety check: PassApache-2.0
Slack GIF Creatoranthropics/skills180k29 repos~2kAutomated safety check: PassApache-2.0
Stitch to Remotion Walkthrough Videosgoogle-labs-code/stitch-skills8.5k6 repos~3.2kAutomated safety check: NotesApache-2.0
Faceless Explainer Videoheygen-com/hyperframes60k3 repos~7.7kAutomated safety check: NotesApache-2.0
Video ShotcraftVincentwei1021/video-shotcraft11k—~2.6kAutomated safety check: PassApache-2.0

Similar skills

  • HyperFrames Animation

    heygen-com/hyperframes

    Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

    60k GitHub starsUsed in 3 repos~2.1k tokens
    Media & CreativeAuto-check passed

  • Slack GIF Creator

    anthropics/skills

    Official

    Provides Slack size and frame limits, Python animation helpers and validators for building animated GIFs sized for emoji and messages.

    180k GitHub starsUsed in 29 repos~2k tokens
    Media & CreativeAuto-check passed

  • Stitch to Remotion Walkthrough Videos

    google-labs-code/stitch-skills

    Official

    Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.

    8.5k GitHub starsUsed in 6 repos~3.2k tokens
    Media & CreativeAuto-check: notes

  • Faceless Explainer Video

    heygen-com/hyperframes

    Turns an article, notes or a topic brief into an explainer video whose visuals are invented per scene, built frame by frame in HyperFrames with no footage.

    60k GitHub starsUsed in 3 repos~7.7k tokens
    Media & CreativeAuto-check: notes

  • Video Shotcraft

    Vincentwei1021/video-shotcraft

    Makes cinematic product videos with Remotion from shot recipe cards, a ready template, real page screenshots, camera moves and sound design, or builds a single animated shot.

    11k GitHub stars~2.6k tokensUpdated 6 days ago
    Media & CreativeAuto-check passed

  • Figma to HyperFrames

    heygen-com/hyperframes

    Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

    60k GitHub starsUsed in 3 repos~4.5k tokens
    Media & CreativeAuto-check: notes

More from 0xsline/OpenChatCut

All 31 skills in this repo

  • OpenChatCut Video Editing

    0xsline/OpenChatCut

    Connects an MCP-capable agent to the local OpenChatCut video editor to inspect and edit projects through draft edit sessions, with manual approval by default.

    2.2k GitHub starsUsed in 1 repo~655 tokens
    Auto-check passed

  • Video Shader Generator

    0xsline/OpenChatCut

    Generates WebGL shaders for video effects, transitions, masks and color grades in the OpenChatCut editor, trying built-in catalog effects such as zoom before making anything new.

    2.2k GitHub starsUsed in 1 repo~3.2k tokens
    Auto-check passed

  • AI Image Generation

    0xsline/OpenChatCut

    Generates still images through the submit_image tool, choosing among Fal.ai, gpt-image-2, nano-banana, MiniMax image-01 and Grok Imagine by configured keys.

    2.2k GitHub stars~1.3k tokensUpdated 4 days ago
    Auto-check passed

  • Livestream to Clips

    0xsline/OpenChatCut

    Cuts a livestream recording into evidence-backed, platform-ready clips by combining transcript, visual, audio and genre-specific signals.

    2.2k GitHub stars~2.7k tokensUpdated 4 days ago
    Auto-check passed

  • Music Generation

    0xsline/OpenChatCut

    Generates instrumentals, songs, soundtracks and covers through Mureka, MiniMax, Atlas Cloud or Sonilo using the `submit_music` tool.

    2.2k GitHub stars~1.1k tokensUpdated 4 days ago
    Auto-check passed

  • AI Video Generation

    0xsline/OpenChatCut

    Submits AI video generation jobs to Fal.ai, Seedance, Kling, MiniMax Hailuo, xAI Grok Imagine or OFox for text-to-video, image-to-video, transitions and clip extension.

    2.2k GitHub stars~4.3k tokensUpdated 4 days ago
    Auto-check passed

Categories

Questions about Motion Graphic Placement

What does Motion Graphic Placement do?

Add motion graphics at the right moments without blocking the story. Motion Graphic Placement is an agent skill from 0xsline/OpenChatCut. Add motion graphics at the right moments without blocking the story.

When should I use Motion Graphic Placement?

Motion Graphic Placement fits situations like: the user wants to enhance talking-head; creator videos with motion graphics.

How do I install Motion Graphic Placement in Claude Code?

Run `npx skills add 0xsline/OpenChatCut --skill motion-graphic-placement -a claude-code`. Or copy the skill folder (src/agent/skills/motion-graphic-placement in 0xsline/OpenChatCut) into .claude/skills/motion-graphic-placement in your project. Claude Code loads it when a task matches its description.

How do I install Motion Graphic Placement in Codex?

Run `npx skills add 0xsline/OpenChatCut --skill motion-graphic-placement -a codex`. Or copy the skill folder (src/agent/skills/motion-graphic-placement in 0xsline/OpenChatCut) into .agents/skills/motion-graphic-placement in your project. Codex loads it when a task matches its description.

Can I use Motion Graphic Placement in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add 0xsline/OpenChatCut --skill motion-graphic-placement -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/motion-graphic-placement, .gemini/skills/motion-graphic-placement, .github/skills/motion-graphic-placement and .opencode/skills/motion-graphic-placement in your project.

What does Motion Graphic Placement need to run?

SKILL.md names no scripts, command-line tools or credentials: Motion Graphic Placement is instructions for the agent only.

Does Motion Graphic Placement access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Motion Graphic Placement safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Motion Graphic Placement use?

Motion Graphic Placement is published under the AGPL-3.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Motion Graphic Placement use?

About 1k tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Motion Graphic Placement?

Skills that share tags, products or a category with Motion Graphic Placement: HyperFrames Animation (heygen-com/hyperframes, 60k stars), Slack GIF Creator (anthropics/skills, 180k stars), Stitch to Remotion Walkthrough Videos (google-labs-code/stitch-skills, 8.5k stars) and Faceless Explainer Video (heygen-com/hyperframes, 60k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Motion Graphic Placement?

0xsline (a GitHub user) maintains it in 0xsline/OpenChatCut, which has 2,235 GitHub stars. The repository holds 31 skills in this directory. The repository was last updated on October 7, 2026.

Source: 0xsline/OpenChatCut on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.