chat-motion-overlay

Installation
SKILL.md

Chat Motion Overlay

Turn chat content into a configurable motion overlay clip instead of a single hard-coded WeChat mock.

Workflow

  1. Normalize the chat input.

    • If the user gives a screenshot, extract the visible messages into the transcript format in references/input-format.md.
    • If the user gives plain text, keep one message per beat and preserve exact wording when authenticity matters.
    • For screenshots, use visible avatars as clues for participant count and message grouping, but do not crop or recreate avatar images by default. Infer participants and sides, then render with preset avatars unless the user provides avatar files or explicitly requests screenshot-derived avatars.
  2. Choose a scene config.

    • Read references/config-schema.md.
    • Decide container style, avatar mode, device frame, nickname mode, and delivery format before generating the bundle.
    • When the user has not provided enough information, follow the question policy in references/question-strategy.md.
  3. Build the scene spec.

    • Run scripts/build_chat_overlay_spec.py with a transcript and optional config JSON.
    • The script outputs a single JSON spec that Remotion can render directly.
Installs
191
GitHub Stars
82.9K
First Seen
Jul 10, 2026
chat-motion-overlay — nexu-io/open-design