Communitygithub.com

SvenKunkka/grokbot-hyperframes-skills

Use this skill when you need to create product short videos, title cards, or subtitle animations; it writes videos in HTML based on HyperFrames and renders them as MP4.

What is grokbot-hyperframes-skills?

This skill enables AI agents and developers to generate short product videos, title cards, and subtitle animations by writing video content in HTML using the HyperFrames framework and rendering them as MP4 files. It supports platforms like Claude Code, Cursor, and Codex, and is particularly useful for marketing teams, content creators, and developers who need to quickly produce polished video assets without traditional video editing tools. The workflow begins with environment setup via a script, then project initialization with `npx hyperframes init`, followed by writing a storyboard and HTML composition. After validation with `npx hyperframes lint` and preview, the skill renders the final MP4 and delivers both the video and the source project directory.

Works with~Claude Code~Codex CLI~Cursor
npx skills add SvenKunkka/grokbot-hyperframes-skills

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Steps

  1. Run scripts/setup.sh to confirm the environment.
  2. Use npx hyperframes init <project-name> to create a project; if needed, install registry components according to official skill instructions.
  3. First write the storyboard (segment duration, text, assets), then write the HTML composition.
  4. Validate with npx hyperframes lint, preview to confirm, then render.
  5. Deliver the MP4 and the source project directory.

Related Skills