New: 97,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Hyperframes

by waker240 in waker240/FullVideoProductionSkill

Plan, author, review, and render HTML videos with HyperFrames.

Apache-2.0Auto-check passedMedia & Creative

Install Hyperframes

skills CLI
$ npx skills add waker240/FullVideoProductionSkill --skill hyperframes -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install waker240/FullVideoProductionSkill hyperframes --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/waker240/FullVideoProductionSkill.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/hyperframes .claude/skills/hyperframes && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
hyperframes
GitHub stars
196
Token cost
~1.9k tokens
SKILL.md length
770 words
Files
76 (incl. scripts, references)
Skills in repo
13
Repo updated
First seen
Licence
Apache-2.0

At a glance

Plan, author, review, and render HTML videos with HyperFrames.

  • Works in 8 steps: Complete the authorized stage. A… → Direct before scaling. Study the script,… → Preserve review evidence. Record… → …
  • A video workflow needing versioned review
  • SKILL.md covers Production principles, Script or topic to film, Routes and Maintenance
  • Runs JavaScript scripts from its folder

What it does

Hyperframes is an agent skill from waker240/FullVideoProductionSkill. Plan, author, review, and render HTML videos with HyperFrames. Use for narrated films, explainers, animation, or a video workflow needing versioned review, audio, captions, and final audit.

Its SKILL.md is about 1.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 77 other files, including scripts and reference files (for example `references/asset-foundry.md`, `references/audio-direction.md` and `references/capability-palette.md`). Compatibility notes: Requires sibling skills from this pack, a local filesystem and shell, Node.js 22.20.0+, and FFmpeg/ffprobe for media work. Generation providers and desktop…

It sits in Media & Creative, covering Motion graphics. It works with HeyGen. The repository describes itself as: 20亿Claude Opus 4.6-4.8的Token. The licence is Apache-2.0.

When your agent uses it

  • A video workflow needing versioned review
  • Tasks that involve Motion graphics

Example prompts

  • “/hyperframes”

Requirements

  • Node.js
  • Compatibility (from SKILL.md): Requires sibling skills from this pack, a local filesystem and shell, Node.js 22.20.0+, and FFmpeg/ffprobe for media work. Generation providers and desktop tools are optional, separately configured capabilities.

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Complete the authorized stage. A requested storyboard, A/B review or audio audition is a real deliverable. Existing authorization to…
  2. Direct before scaling. Study the script, define each beat's visual change, and prove moving benchmarks. The capability palette is a menu…
  3. Preserve review evidence. Record candidate/version, choice, comment and repair. Agent QA never creates user approval. Keep approved shots…
  4. Direct sound with picture. Plan voice, captions, BGM or intentional silence, and action-linked SFX. Audition alternatives alone and under…
  5. Keep media portable. Save prompts and non-secret provenance; freeze selected media into the project. Keep source audio and required…
  6. Keep time deterministic. Use seeded randomness, seekable timelines and framework-owned media. Test cold seeks and the encoded result…
  7. Audit meaning and mechanics. Inspect the full film, every adjacent seam, type/captions, sound and protected windows. Repair findings and…
  8. Capture learning locally. Save a short project RETROSPECTIVE.md; generalize proven fixes in a separate maintenance task.

What it can do on your machine

Read from SKILL.md and the folder at commit 0223baa. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 5 files in scripts/ (JavaScript, from the files we listed), which the agent can run.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Requires sibling skills from this pack, a local filesystem and shell, Node.js 22.20.0+, and FFmpeg/ffprobe for media work. Generation providers and desktop tools are optional, separately configured capabilities.

    From compatibility in the SKILL.md frontmatter.

Context cost

Hyperframes loads about 1.9k tokens when it runs, and up to ~47k if it reads all its reference files. Until then it costs about 50 tokens; SKILL.md has 770 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~50
When it runs · the whole SKILL.md, loaded when a task matches
~1.9k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~47k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from waker240/FullVideoProductionSkill at commit 0223baa, republished under its Apache-2.0 licence (© waker240). 770 words, ~1,923 tokens.

Download SKILL.mdSave it as .claude/skills/hyperframes/SKILL.md (or your agent's skills folder). This skill also uses 75 other files; get the full folder from GitHub.
name
hyperframes
description
Plan, author, review, and render HTML videos with HyperFrames. Use for narrated films, explainers, animation, or a video workflow needing versioned review, audio, captions, and final audit.
compatibility
Requires sibling skills from this pack, a local filesystem and shell, Node.js 22.20.0+, and FFmpeg/ffprobe for media work. Generation providers and desktop tools are optional, separately configured capabilities.
<!-- Public portability adaptation, 2026-09-26. -->

HyperFrames video workflow

HyperFrames renders video from HTML. Use this entry point for a narrated film, explainer, animation or review package. The user's chosen framework, provider, visual style and delivery stage take precedence. Install the sibling skills together and read runtime setup. This pack does not install an AI model, hosted service, music catalog or desktop tool.

Production principles

  1. Complete the authorized stage. A requested storyboard, A/B review or audio audition is a real deliverable. Existing authorization to finish does not require invented approval stops. Current instructions and versioned choices supersede stale notes.
  2. Direct before scaling. Study the script, define each beat's visual change, and prove moving benchmarks. The capability palette is a menu, not a quota. Admit 3D, dense editing or a persistent world only when it serves the argument.
  3. Preserve review evidence. Record candidate/version, choice, comment and repair. Agent QA never creates user approval. Keep approved shots and protected windows intact. See review-driven production.
  4. Direct sound with picture. Plan voice, captions, BGM or intentional silence, and action-linked SFX. Audition alternatives alone and under narration. Discovery, validation, shortlisting and actual final use are different states.
  5. Keep media portable. Save prompts and non-secret provenance; freeze selected media into the project. Keep source audio and required lossless masters. No render depends on a private output folder, live catalog, credentials or runtime network access.
  6. Keep time deterministic. Use seeded randomness, seekable timelines and framework-owned media. Test cold seeks and the encoded result. Follow the core contract.
  7. Audit meaning and mechanics. Inspect the full film, every adjacent seam, type/captions, sound and protected windows. Repair findings and recheck neighbors. Numerical audio checks cannot establish listening quality.
  8. Capture learning locally. Save a short project RETROSPECTIVE.md; generalize proven fixes in a separate maintenance task.

Script or topic to film

Resolve material unknowns using the brief and session context: script handling, delivery format, voice/provider, length and review stage. Preserve supplied wording unless editing is authorized. For a bare topic, produce the script first; honor requested review before dependent production. Do not assume a platform, house style, personal voice or account.

Read the user's completion checklist if supplied; otherwise adapt the bundled checklist. A short title card does not inherit a publishing package's requirements.

Follow pipeline.md. For A/B review or repeated visual corrections, also read review-driven-production.md. The runnable review workbench provides versioned choices, notes and audio/visual candidates. Review publishing covers optional sharing when requested.

PhaseWork and evidence
1Scaffold; record runtime/configuration and audio route. Bundled synthesis helpers implement Fish. Supplied narration or a selected provider can enter through the imported-audio contract.
2Study script; make DESIGN.md, narration/visual plan, scene contract and sound palette. Record reasoned PASS/USE for Spatial Canvas and fast passages; neither is a quota.
3Generate/import voice, concatenate/master, obtain word timing and align authoritative text. Lock the clock before exact shot timings.
4Generate/source assets with prompts/provenance. Audition music/SFX and freeze selected files.
5Build scenes with locked timing/ownership; protect approved concepts and windows.
6Assemble picture, chosen BGM/SFX, directed mix and intentional scene handoffs.
7Validate, snapshot and watch the complete assembly at final frame rate; check captions, sound, camera returns and fast-passage release.
7.5Run readiness gates appropriate to the requested deliverable. A review package is not a finished film.
8For a full film, log audit → repair → recheck evidence in DIRECTION.md; run scripts/gate.cjs. The supplied gate expects at least two logged loops.
9Render, decode and inspect the encoded master; reconcile retained files/checklist, deliver rebuild instructions and a project retrospective.
Show full SKILL.md (184 more words)Show less

Small edits enter at their relevant phase. Timing changes require the pipeline's Cascade.

Routes

TaskSkill or reference
Composition, tracks, media ownership and sub-compositionshyperframes-core
Motion, transitions, cameras and runtime adaptershyperframes-animation
Direction, storyboards, typography and asset promptshyperframes-creative
Narration, timing, mixing and sound reviewhyperframes-media
Reviewed local media discovery/resolution/freezingmedia-use
Registry blocks/componentshyperframes-registry
Short synthetic-graphics explainerfaceless-explainer
Short motion graphic or overlaymotion-graphics
Music drives the timelinemusic-to-video
General custom compositiongeneral-video
Port existing Remotion sourceremotion-to-hyperframes
Approved studies to narration-locked final assemblyreview-to-final-assembly
Still generation / generated footage / paper theatreasset generation, generated media, paper theatre
Persistent world / bounded fast passageSpatial Canvas, fast editing
Cover candidatesthumbnail generation

Browser tools, generators, sharing and delegation are host capabilities or separate installations. Use current schemas and permissions. If absent, use supplied media or execute work serially; name a missing capability precisely without claiming it is included.

Maintenance

Keep the bundle version fixed during production. Set HYPERFRAMES_SKIP_SKILLS=1 before CLI initialization that may install upstream skills. Use the project's tested CLI version. Review upgrades separately and preserve local changes/notices. Project output and skill maintenance are separate.

© waker240, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 75 other files (scripts, references) in skills/hyperframes of waker240/FullVideoProductionSkill.

  • SKILL.md
  • references/asset-foundry.md
  • references/audio-direction.md
  • references/capability-palette.md
  • references/completion-checklist.md
  • references/direction-and-audit.md
  • references/install-portability.md
  • references/pipeline.md
  • references/review-driven-production.md
  • references/review-publishing.md
  • references/self-improvement.md
  • references/technique-library.md
  • references/thumbnail-generation.md
  • references/vox-light-editorial.md
  • scripts/audio-discover.cjs
  • scripts/build-captions.cjs
  • scripts/build-montage.cjs
  • scripts/build-subs.cjs
  • scripts/check-fast-passages.cjs
  • … and 57 more

Open the folder on GitHubat commit 0223baa

Compare with similar skills

Hyperframes next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Hyperframes compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Hyperframes this skillwaker240/FullVideoProductionSkill196—~1.9kAutomated safety check: PassApache-2.0
HyperFrames Animationheygen-com/hyperframes58k3 repos~2.1kAutomated safety check: PassApache-2.0
Faceless Explainer Videoheygen-com/hyperframes58k3 repos~7.5kAutomated safety check: NotesApache-2.0
Figma to HyperFramesheygen-com/hyperframes58k3 repos~4.5kAutomated safety check: NotesApache-2.0
HyperFrames Video Entry Pointheygen-com/hyperframes58k3 repos~5.2kAutomated safety check: PassApache-2.0
Hyperframesboraoztunc/skills3939 repos~7.6kAutomated safety check: PassApache-2.0

Similar skills

  • HyperFrames Animation

    heygen-com/hyperframes

    Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.

    58k GitHub starsUsed in 3 repos~2.1k tokens
    Media & CreativeAuto-check passed

  • Faceless Explainer Video

    heygen-com/hyperframes

    Turns an article, notes or a topic brief into an explainer video whose visuals are invented per scene, built frame by frame in HyperFrames with no footage.

    58k GitHub starsUsed in 3 repos~7.5k tokens
    Media & CreativeAuto-check: notes

  • Figma to HyperFrames

    heygen-com/hyperframes

    Imports Figma assets, brand tokens, components and motion into a HyperFrames video composition, using the Figma REST API with a connector or native export for shaders.

    58k GitHub starsUsed in 3 repos~4.5k tokens
    Media & CreativeAuto-check: notes

  • HyperFrames Video Entry Point

    heygen-com/hyperframes

    Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

    58k GitHub starsUsed in 3 repos~5.2k tokens
    Media & CreativeAuto-check passed

  • Hyperframes

    boraoztunc/skills

    Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML.

    393 GitHub starsUsed in 9 repos~7.6k tokens
    Media & CreativeAuto-check passed

  • Hyperframes Creative

    chmonitor/chmonitor

    Non-animation creative direction for HyperFrames videos. An agent skill from chmonitor/chmonitor.

    298 GitHub starsUsed in 5 repos~1.3k tokens
    Media & CreativeAuto-check passed

More from waker240/FullVideoProductionSkill

All 13 skills in this repo

  • Hyperframes Animation

    waker240/FullVideoProductionSkill

    Build deterministic animation for HyperFrames using motion rules, transitions, scene blueprints, and runtime adapters.

    196 GitHub stars~2.4k tokensUpdated 10 days ago
    Auto-check passed

  • Hyperframes Creative

    waker240/FullVideoProductionSkill

    Develop video direction, typography, color, visual mechanisms, storyboards, and asset prompts.

    196 GitHub stars~3k tokensUpdated 10 days ago
    Auto-check passed

  • Media Use

    waker240/FullVideoProductionSkill

    Resolve reviewed local BGM, sound effects, images, icons, and brand assets into frozen project files plus a manifest.

    196 GitHub stars~2k tokensUpdated 10 days ago
    Auto-check: notes

  • Music To Video

    waker240/FullVideoProductionSkill

    Build a HyperFrames video around a supplied music track, using measured rhythm and editable visual concepts.

    196 GitHub stars~4.3k tokensUpdated 10 days ago
    Auto-check passed

  • Remotion To Hyperframes

    waker240/FullVideoProductionSkill

    Port an existing Remotion composition to HyperFrames HTML while preserving visible behavior.

    196 GitHub stars~2.4k tokensUpdated 10 days ago
    Auto-check passed

  • Hyperframes Media

    waker240/FullVideoProductionSkill

    Prepare Fish official-API narration, OpenAI word timestamps, and reviewed user-supplied local music/SFX for HyperFrames.

    196 GitHub stars~1.2k tokensUpdated 10 days ago
    Auto-check: notes

Works with

Categories

Questions about Hyperframes

What does Hyperframes do?

Plan, author, review, and render HTML videos with HyperFrames. Hyperframes is an agent skill from waker240/FullVideoProductionSkill. Plan, author, review, and render HTML videos with HyperFrames.

When should I use Hyperframes?

Hyperframes fits situations like: A video workflow needing versioned review; tasks that involve Motion graphics.

How do I install Hyperframes in Claude Code?

Run `npx skills add waker240/FullVideoProductionSkill --skill hyperframes -a claude-code`. Or copy the skill folder (skills/hyperframes in waker240/FullVideoProductionSkill) into .claude/skills/hyperframes in your project. Claude Code loads it when a task matches its description.

How do I install Hyperframes in Codex?

Run `npx skills add waker240/FullVideoProductionSkill --skill hyperframes -a codex`. Or copy the skill folder (skills/hyperframes in waker240/FullVideoProductionSkill) into .agents/skills/hyperframes in your project. Codex loads it when a task matches its description.

Can I use Hyperframes in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add waker240/FullVideoProductionSkill --skill hyperframes -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/hyperframes, .gemini/skills/hyperframes, .github/skills/hyperframes and .opencode/skills/hyperframes in your project.

What does Hyperframes need to run?

Going by SKILL.md and its folder, Hyperframes needs JavaScript for the scripts in its folder. Our summary lists: Node.js. Compatibility (from SKILL.md): Requires sibling skills from this pack, a local filesystem and shell, Node.js 22.20.0+, and FFmpeg/ffprobe for media work. Generation providers and desktop tools are optional, separately configured capabilities..

Does Hyperframes access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Hyperframes safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Hyperframes use?

Hyperframes is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Hyperframes use?

About 1.9k tokens (SKILL.md is roughly 7.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 45k tokens, read only when the agent opens those files.

What are the alternatives to Hyperframes?

Skills that share tags, products or a category with Hyperframes: HyperFrames Animation (heygen-com/hyperframes, 58k stars), Faceless Explainer Video (heygen-com/hyperframes, 58k stars), Figma to HyperFrames (heygen-com/hyperframes, 58k stars) and HyperFrames Video Entry Point (heygen-com/hyperframes, 58k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Hyperframes?

waker240 (a GitHub user) maintains it in waker240/FullVideoProductionSkill, which has 196 GitHub stars. The repository holds 13 skills in this directory. The repository was last updated on September 26, 2026.

Source: waker240/FullVideoProductionSkill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.