# vid-motion-graphics

> Generates motion graphics videos (MP4) from a content brief.

Generates motion graphics videos (MP4) from a content brief. Multi-scene HTML/CSS animations rendered frame-by-frame in headless Chromium via Playwright, assembled with FFmpeg. 1080×1080 default, 16:9 (1920×1080) and 9:16 (1080×1920) supported. 5 style presets. Trigger when user says "create a video", "motion graphic", "animated video", "make a reel", "create an explainer", "animated infographic", or "short video".

- Type: Skill
- Made by: Varnan-Tech
- Category: Media
- Formats: Skills
- Version: 6fdb6ba
- Source: https://github.com/varnan-tech/opendirectory/tree/HEAD/skills/vid-motion-graphics
- Page: https://pluginboard.ai/skills/vid-motion-graphics

## Works with

- ChatGPT
- Claude
- Gemini
- GitHub Copilot
- Cursor
- Claude Code
- Codex
- Antigravity
- Gemini CLI
- Replit
- OpenClaw
- OpenCode
- Hermes Agent

## Install

### ChatGPT

In ChatGPT: Download the vid-motion-graphics folder and zip it, then Plugins → Skills → Create → Upload from your computer. Business and Enterprise plans.

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Claude

In Claude (web or desktop): Download the vid-motion-graphics folder and zip the folder itself, then upload it in Customize → Skills.

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Gemini

In Gemini: Download the vid-motion-graphics folder, then at gemini.google.com click Customize → Skills → Create → Upload and pick the folder (or a .zip of it).

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### GitHub Copilot

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.copilot/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Cursor

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.cursor/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Claude Code

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.claude/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

Or all of OpenDirectory GTM Skills, in Claude Code:

```text
/plugin marketplace add Varnan-Tech/opendirectory
/plugin install opendirectory-gtm-skills@opendirectory-marketplace
```

### Codex

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.agents/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Antigravity

In Antigravity: Copy the vid-motion-graphics folder into ~/.gemini/config/skills (Antigravity app and IDE) or ~/.gemini/antigravity-cli/skills (Antigravity CLI).

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Gemini CLI

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.gemini/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Replit

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics .agents/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### OpenClaw

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.openclaw/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### OpenCode

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.config/opencode/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

### Hermes Agent

Run in your terminal:

```shell
npx -y degit Varnan-Tech/opendirectory/skills/vid-motion-graphics ~/.hermes/skills/vid-motion-graphics
```

View the folder on GitHub: https://github.com/Varnan-Tech/opendirectory/tree/HEAD/skills/vid-motion-graphics

---
From Pluginboard (https://pluginboard.ai).