AthenodeAthenode

Motion Video (HyperFrames)

Make motion graphics and short videos with a coding agent: describe the video, get an HTML composition, preview it and render an MP4 locally.

Built on the open-source HyperFrames skills by HeyGen (https://github.com/heygen-com/hyperframes, Apache-2.0), imported unmodified, plus the Playwright MCP server for capturing web pages as source material.

Start with any video request ("make a 10-second logo sting", "turn this landing page into a promo"); the hyperframes skill routes it to the right workflow.

Prerequisites: Node.js 22+, ffmpeg and a local Chrome/Chromium. Rendering is local and needs no API key. Generated voice-over is optional and goes through the heygen CLI (its own sign-in).

Not affiliated with HeyGen. Do not combine with another video framework's setup in one project: the hyperframes skill takes every video request.

AGENTS.md

Instructions every agent follows
Video work
  • Start every request to make, edit or render a video, animation or motion graphic with the hyperframes skill; it selects the workflow and the other skills to load.
  • Before the first render in a project, check the prerequisites with the HyperFrames CLI's doctor command (Node.js 22+, ffmpeg, Chrome) and report what is missing instead of working around it.
  • Render locally by default. Ask before using anything that costs money or needs an account: cloud rendering, generated voice, music or images.

Agents

0
  • Nothing here yet

MCP servers

1
  • playwright

Ready to ship better, together?

Spec it. Decompose it. Ship it. All with your AI agent.

Start for free

Join engineers building with Athenode today.