本文へ移動
cccskills
無料GitHub で公開

motion-graphic-placement

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.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

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

日本語の概要は準備中です。原文の説明を表示しています。

0xsline/OpenChatCut2,3212026年10月7日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

0xsline/OpenChatCut2,3212026年10月7日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

0xsline/OpenChatCut2,3212026年10月7日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

0xsline/OpenChatCut2,3212026年10月7日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

0xsline/OpenChatCut2,3212026年10月7日 更新

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.

日本語の概要は準備中です。原文の説明を表示しています。

0xsline/OpenChatCut2,3212026年10月7日 更新

0xsline のスキルをすべて見る

このスキルの問題を報告する