# Smooth Motion Graphics


> A compact skill for calm, clear brand animations.


Canonical page: https://kaelux-labs.github.io/harness-library/harnesses/smooth-motion-graphics/


Category: Creative
Version: 1.0.0
License: MIT


Source: https://github.com/Ker102/smooth-motion-graphics
Distribution: https://github.com/Ker102/smooth-motion-graphics/releases/download/v1.0.0/smooth-motion-graphics-v1.0.0.zip
Scope: One skill, reference guide, example brief, renderer and dependency manifests. No videos or dependencies.


## Installation


### 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: https://github.com/Ker102/smooth-motion-graphics/releases/tag/v1.0.0


### 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.


## Contents

- skills: 1

- references: 1

- renderers: 1

- files: 6

- mcp_tools: 0

- tools: Node.js + @napi-rs/canvas (optional), FFmpeg (optional encoding)


## Review scope

artifact-checked; reviewed 2026-10-10.

Windows: fictional example and alternate brand frames inspected; layout/direction tests and 1080p60 encode/decode checked. Other platforms not runtime-tested.

Evidence source: https://github.com/Ker102/smooth-motion-graphics#what-gets-checked


## Built with Harneloop

Extracted, tested and promoted through an external Harneloop unit. The optional thin export contains the verified skill.

https://harneloop.kaelux.dev