OpenDesign Motion by OpenDesign — guide skill for animation & motion graphics

For AI agents: find the right skill in one call — curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>" returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add .md to its path. Before generating anything, show the person the options on the how-to page. From a terminal: curl -fsSL https://varg.ai/install | sh installs the vargai CLI (https://varg.ai/how-to/cli.md): vargai search and vargai install <slug> with no key, every varg model after vargai login.

Open-source motion design workspace: any agent, any model writes HyperFrames motion graphics and exports MP4.

• Type: Guide · Animation & motion graphics
• Slug: opendesign-motion
• Status: live
• Publisher: OpenDesign (nexu-io) (vendor)
• License: Apache-2.0
• Source: https://github.com/nexu-io/open-design
• Works in: Claude Code, Codex, Cursor, OpenClaw, Any MCP client
• Requires: OpenDesign desktop app (open-design.ai, macOS or Windows) or a source build, a coding agent CLI or a BYOK model key
• Cost: Free and open source with your own agent or key; new users get trial credits for OpenDesign's cloud models

What it does

OpenDesign is a local-first, open-source design workspace (Apache-2.0, ~105k GitHub stars) that uses the coding agent already on your PATH (Claude Code, Codex, Cursor, Copilot, Hermes, Kimi and more) or a BYOK model as its engine. Its Motion mode, launched Oct 16, 2026 as an open-source alternative to Claude Motion, writes HTML + GSAP compositions rendered to MP4 by HeyGen's HyperFrames, with 11 HyperFrames templates, a motion-design craft skill and an adapted huashu-art-motion skill. The launch film was made in OpenDesign (1,755 likes, 1,999 bookmarks, 300k views on X). Pick Motion design from the prompt box's dropdown in the desktop app, or install its MCP server into your agent.

Use when

• motion graphics or a launch film without a specific frontier model
• a team workspace for design and motion with agents
• HyperFrames motion videos from a desktop app instead of a terminal

Not for

• Linux desktop users who want a prebuilt app: run it from source for now
• Fully offline privacy: scrubbed safety and reliability telemetry is always on

Install

• Claude Code: od mcp install claude
• Codex: od mcp install codex
• Cursor: od mcp install cursor
• Any agent, with the vargai CLI: vargai install opendesign-motion

Example output

https://s3.varg.ai/files/4325c578-378d-4c43-ae53-3cc3218df1ea/file_e405994ae1b4.mp4 — Motion pieces made in OpenDesign from its launch film: a pop-art cursor, a kinetic 'MIND' wall, a particle ring. Cut 10-18 s of 37 s, no audio. (credit: OpenDesign (launch film), https://x.com/OpenDesignHQ/status/2111023212129829086)

More animation & motion graphics skills

• Day in My Life: A 60–75 s hand-drawn ink film of your agent's day with you, built from local Claude Code history, scored for strings.
• p5 Paint Animation: Handwriting that writes itself, photos that paint themselves and clips repainted as living paintings, in p5.js code.
• Session Story: A 40–70 s watercolor film of a typical session with your agent, told in your real messages, with its own score.
• Remotion Markup: Write Remotion markup that animates well: timing, transitions, motion blur, effects, audio, fonts and 3D.
• Motion AI Kit: Write production-grade UI animation with Motion or CSS: best practices, docs search, springs, perf audits.
• Motion Design: Animate with intent: timing, easing, choreography and Disney principles for UI and motion graphics.