← Back to library

Smooth Motion Graphics

A compact skill for calm, clear brand animations.

CreativeBuilt with HarneloopPackagedCommunity boost

Installation

Version 1.0.0 · One skill, reference guide, example brief, renderer and dependency manifests. No videos or dependencies.

  1. Download the focused package

    Download the ZIP and SHA256SUMS.txt from the release. Verify the checksum with your system's checksum tool, then extract into a folder you control.

    Release and checksums ↗
  2. Point your agent at the skill

    Ask any agent to read this file. For an Agent Skills-compatible client, copy the complete skill folder to its documented skills directory. Discovery differs by client.

    skills/smooth-motion-graphics/SKILL.md
  3. Optional: render a first preview

    Install Node.js 20+ and system FFmpeg for video encoding. From the skill folder, run these commands. Copy and adapt the example brief for your own brand before delivering a video.

    npm ci
    node scripts/render.cjs stills assets/brand-brief.example.json output
    node scripts/render.cjs video assets/brand-brief.example.json output

Manual setup

  • No MCP, API key or image model is required. The instructions can be used with your existing animation tools.
  • Optional reference renderer: Node.js 20+, system FFmpeg with libx264 for encoding, and your own licensed font if desired.
  • Set SMOOTH_FFMPEG or SMOOTH_FONT_PATH only if using a non-default executable or local font. Inspect preview frames on the machine that will encode the video.

Additional notes

  • Reference layouts: title, 2–4 inputs into a central object, and 3–7 workflow cards with explicit directed edges. Extend them when the story needs a different layout.
  • Optional Harneloop thin export is available in the release. It is a promoted snapshot for reuse; it does not include private development runs or claim a one-command import.
  • The example uses fictional Luma branding. Replace the story with verified facts for your product.