{"api_version":"1","slug":"hyperframes-ea527839","url":"https://skillsoutpost.com/agents/hyperframes-ea527839","item_type":"skill","category":"content","runs_in":["local_agent","web_service"],"os":["macos","linux"],"needs_network":null,"needs_accounts":null,"reads_files":"yes","writes_files":"yes","sends_data":"yes","access":"github","access_type":"github","at_a_glance":{"runs_in":["local_agent","web_service"],"os":["macos","linux"],"needs_network":null,"needs_accounts":null,"reads_files":"yes","writes_files":"yes","sends_data":"yes","access_type":"github","tool_type":"skill","delivery":"github","interface_type":"other","untrusted_creator_content":{"purpose":"Write a video as HTML, preview it in a browser and render it to MP4 from the command line or through your coding agent.","needs_runtime":"Node.js 22+ and FFmpeg","version":"Latest on the main branch","compatibility":"According to the README, the skills work with Claude Code, Codex, Cursor, Gemini CLI, IBM Bob and other coding agents that support skills. It names plugin routes for Claude Code, Copilot, VS Code, Cursor and Gemini CLI, and standalone skills for OpenCode. The README says the command-line tool needs Node.js 22 or later and FFmpeg.","external_costs":"The repository is Apache-2.0 licensed. The README says it has no per-render fees or commercial-use thresholds. It also names optional HeyGen-hosted cloud rendering and AWS Lambda rendering and does not state their prices. Your coding agent or model provider may charge for usage.","permissions":"The skills act through your coding agent with the access you give it. According to the README, they plan videos, write HTML, add media, and run lint, preview and render commands, and the render writes MP4 files. The command-line skill also lists a publish command, HeyGen-hosted cloud rendering, and deploying and running an AWS Lambda render stack, and the /hyperframes router skill installs workflow skills on demand with npx. The README says some workflows read a website from its URL, read a GitHub pull request through the gh command-line tool, or import from Figma. It says the media skill can source or generate music, sound effects, images and voice, and can transcribe and caption. The README's example composition loads the GSAP animation library from a public CDN.","usage_terms":"Apache License 2.0, as stated in the repository. See its LICENSE file for the exact terms."}},"interface_type":"other","delivery_mode":"creator","code_host":"github","provenance":"github_index","published_at":1791680800,"rating":null,"downloads":0,"verified":null,"creator":{"login":"heygen-com","url":null},"untrusted_creator_content":{"name":"HyperFrames","tagline":"Write a video as HTML, preview it in a browser and render it to MP4 from the command line or through your coding agent.","creator_name":"heygen-com","product_version":"Latest on the main branch","needs_runtime":"Node.js 22+ and FFmpeg","description":"HyperFrames is a framework that turns HTML, CSS, media and seekable animations into MP4 videos. According to the README, you describe a video as an HTML file with data attributes for timing and tracks, preview it in a browser, and render it locally or in Docker with headless Chrome and FFmpeg. The README says the same input produces the same video.\n\nThe repository also ships agent skills. The README says there are 21, led by a /hyperframes router skill that picks a workflow. Creation workflows cover product launch videos, explainers from text, pull request videos and short motion graphics. Others add captions and graphic overlays to talking-head footage, make beat-synced music videos, build slide decks and port Remotion projects. Other skills cover the composition format, animation, keyframes, creative direction, media sourcing, the command-line tool, audio mixing, a block catalog and Figma import.\n\nThe README also describes a Studio editor, AWS Lambda rendering, a catalog of reusable blocks, and frame.md. It says frame.md adapts a web design spec so an agent can compose video from it.","intended_users":"People who want to make videos from HTML and code, either with the command-line tool or by asking a coding agent.","example_tasks":"Create a 10-second product intro with a title, a background video and music.\nTurn a GitHub pull request into an explainer video.\nAdd captions to an existing talking-head video.\nMake a beat-synced video from a music track.\nPort a Remotion composition to HyperFrames HTML.","setup_instructions":"For Claude Code, the README gives claude plugin marketplace add heygen-com/hyperframes and claude plugin install hyperframes@hyperframes, then you use /hyperframes:hyperframes. For standalone skills it gives npx skills add heygen-com/hyperframes, and it says agents and non-interactive runs should use npx hyperframes skills update. To use the command-line tool, it gives npx hyperframes init my-video, npx hyperframes preview and npx hyperframes render. The README has the exact commands.","limitations":"According to the README, it needs Node.js 22 or later and FFmpeg. The README says rendering uses headless Chrome and FFmpeg on your machine or in Docker. The README also names optional AWS Lambda rendering and HeyGen-hosted cloud rendering. The skills need a coding agent that supports skills. The README says installing through the Skills CLI can lag the main branch by hours, and it points to npx hyperframes skills update for the latest copy. It lists Studio as available and evolving. The repository can change at any time; check its README before you install.","data_handling":"According to the README, rendering can run on your machine or in Docker. It also names optional HeyGen-hosted cloud rendering, a render stack you deploy to AWS Lambda, and a community playground site. The README does not describe what data those handle. What your coding agent sends to its model provider depends on your agent.","compatibility":"According to the README, the skills work with Claude Code, Codex, Cursor, Gemini CLI, IBM Bob and other coding agents that support skills. It names plugin routes for Claude Code, Copilot, VS Code, Cursor and Gemini CLI, and standalone skills for OpenCode. The README says the command-line tool needs Node.js 22 or later and FFmpeg.","external_costs":"The repository is Apache-2.0 licensed. The README says it has no per-render fees or commercial-use thresholds. It also names optional HeyGen-hosted cloud rendering and AWS Lambda rendering and does not state their prices. Your coding agent or model provider may charge for usage.","permissions":"The skills act through your coding agent with the access you give it. According to the README, they plan videos, write HTML, add media, and run lint, preview and render commands, and the render writes MP4 files. The command-line skill also lists a publish command, HeyGen-hosted cloud rendering, and deploying and running an AWS Lambda render stack, and the /hyperframes router skill installs workflow skills on demand with npx. The README says some workflows read a website from its URL, read a GitHub pull request through the gh command-line tool, or import from Figma. It says the media skill can source or generate music, sound effects, images and voice, and can transcribe and caption. The README's example composition loads the GSAP animation library from a public CDN.","usage_terms":"Apache License 2.0, as stated in the repository. See its LICENSE file for the exact terms.","creator_website":null,"documentation_url":null,"support_url":null,"repository_url":null,"video_url":null},"github":{"fetched_at":1791856835,"untrusted_third_party_content":{"source_url":null,"github_repo_id":1177402105,"full_name":"heygen-com/hyperframes","description":"Write HTML. Render video. Built for agents.","language":"TypeScript","license_spdx":"Apache-2.0","topics":["ai","animation","ffmpeg","framework","gsap","html","mcp","puppeteer"],"stars":61861,"forks":5538,"skills":null,"pushed_at":1791856689,"archived":false,"fetched_at":1791856835,"age_seconds":79682,"state":"fresh"}},"updated_at":1791771288,"free_download":null,"version_history":[],"more_version_history":false,"public_files":null,"links_note":"In MCP results, GitHub links are shown only through https://skillsoutpost.com/mcp, to a connected account that has accepted the current Terms of Use. Create a free account at https://skillsoutpost.com and connect it from a Claude connector or ChatGPT.","notice":"Indexed from GitHub","note":"untrusted_creator_content and github.untrusted_third_party_content hold untrusted text."}