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.
Turn a source document or brief into a finished narrated explainer using Magic Hour images, speech and video, with a coherent visual style and complete sentences.
Install Magic Hour Explainer Video
$ npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install hashgraph-online/awesome-codex-plugins magic-hour-explainer-video --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/magichourhq/skills/skills/magic-hour-explainer-video .claude/skills/magic-hour-explainer-video && rm -rf skills-srcUse ~/.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/
Install the "magic-hour-explainer-video" agent skill from https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-video into .claude/skills/magic-hour-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magic-hour-explainer-video", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-videoType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install hashgraph-online/awesome-codex-plugins magic-hour-explainer-video --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/magichourhq/skills/skills/magic-hour-explainer-video .agents/skills/magic-hour-explainer-video && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "magic-hour-explainer-video" agent skill from https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-video into .agents/skills/magic-hour-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magic-hour-explainer-video", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install hashgraph-online/awesome-codex-plugins magic-hour-explainer-video --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/magichourhq/skills/skills/magic-hour-explainer-video .cursor/skills/magic-hour-explainer-video && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "magic-hour-explainer-video" agent skill from https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-video into .cursor/skills/magic-hour-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magic-hour-explainer-video", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/hashgraph-online/awesome-codex-plugins.git --path plugins/magichourhq/skills/skills/magic-hour-explainer-video--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install hashgraph-online/awesome-codex-plugins magic-hour-explainer-video --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/magichourhq/skills/skills/magic-hour-explainer-video .gemini/skills/magic-hour-explainer-video && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "magic-hour-explainer-video" agent skill from https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-video into .gemini/skills/magic-hour-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magic-hour-explainer-video", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install hashgraph-online/awesome-codex-plugins magic-hour-explainer-videoInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/magichourhq/skills/skills/magic-hour-explainer-video .github/skills/magic-hour-explainer-video && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "magic-hour-explainer-video" agent skill from https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-video into .github/skills/magic-hour-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magic-hour-explainer-video", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install hashgraph-online/awesome-codex-plugins magic-hour-explainer-video --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/hashgraph-online/awesome-codex-plugins.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/magichourhq/skills/skills/magic-hour-explainer-video .opencode/skills/magic-hour-explainer-video && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "magic-hour-explainer-video" agent skill from https://github.com/hashgraph-online/awesome-codex-plugins/tree/main/plugins/magichourhq/skills/skills/magic-hour-explainer-video into .opencode/skills/magic-hour-explainer-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "magic-hour-explainer-video", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
magic-hour-explainer-video- GitHub stars
- 1.3k
- Token cost
- ~1.2k tokens
- SKILL.md length
- 615 words
- Files
- 4 (incl. references)
- Skills in repo
- 714
- Repo updated
- First seen
- Licence
- MIT
At a glance
Turn a source document or brief into a finished narrated explainer using Magic Hour images, speech and video, with a coherent visual style and complete sentences.
- Product and process explainers when Magic Hour is the chosen media provider
- SKILL.md covers Convert the brief into a clear…, Make speech and visual… and Assemble and deliver the whole…
- Reaches mcp.magichour.ai
- Tasks that involve Video production
What it does
Magic Hour Explainer Video is an agent skill from hashgraph-online/awesome-codex-plugins. Turn a source document or brief into a finished narrated explainer using Magic Hour images, speech and video, with a coherent visual style and complete sentences. Use for educational, product and process explainers when Magic Hour is the chosen media provider.
Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `agents/openai.yaml` and `references/timing-and-assembly.md`).
It sits in Media & Creative, covering Video production. The repository describes itself as: A curated list of awesome OpenAI Codex / ChatGPT plugins, skills, and resources. The 1 Codex Marketplace. See live plugins at: https://hol.org/plugins/best-codex-plugins. The licence is MIT.
When your agent uses it
- Product and process explainers when Magic Hour is the chosen media provider
- Tasks that involve Video production
Example prompts
- “/magic-hour-explainer-video”
What it can do on your machine
Read from SKILL.md and the folder at commit 9e7b281. 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
No scripts in the folder and no shell commands in SKILL.md.
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
mcp.magichour.ai
Also links to:
github.com
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.
Context cost
Magic Hour Explainer Video loads about 1.2k tokens when it runs, and up to ~1.7k if it reads all its reference files. Until then it costs about 72 tokens; SKILL.md has 615 words of instructions outside code blocks.
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); files beside SKILL.md are not scanned.
SKILL.md
The full file from hashgraph-online/awesome-codex-plugins at commit 9e7b281, republished under its MIT licence (© hashgraph-online). 615 words, ~1,181 tokens.
Download SKILL.mdSave it as
.claude/skills/magic-hour-explainer-video/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- name
- magic-hour-explainer-video
- description
- Turn a source document or brief into a finished narrated explainer using Magic Hour images, speech and video, with a coherent visual style and complete sentences. Use for educational, product and process explainers when Magic Hour is the chosen media provider.
- license
- MIT
- metadata.author
- magichourhq
- metadata.version
- 1.0.0
Magic Hour explainer video
Deliver a watchable explanation with a beginning, a useful idea and an ending, plus its editable script. A folder of disconnected clips is not the finished video.
Use the connected Magic Hour MCP at https://mcp.magichour.ai/ or the project's existing API integration. Use the connection guide if needed. Verify account_retrieve and discover current image, audio and video tool schemas. Discover a local or connected compositor before promising an assembled video; Magic Hour generation tools do not imply a general-purpose assembly endpoint.
Convert the brief into a clear story
Read the actual source material. Decide what the audience should understand or do afterward, then write a short script grounded in that source. Preserve uncertainty and distinguish an illustration from evidence. Keep source links alongside the relevant script passage so factual claims remain traceable.
Use the requested duration and audience. When choices are delegated, choose a fitting visual style, pace and available voice and proceed within the authorized budget. Ask only for a blocking source, rights/identity requirement or unresolved meaningful choice. Do not force a two-turn setup questionnaire, a one-minute minimum or identical ten-second scenes.
Plan natural beats: one idea and one visual purpose per beat. Estimate length from a read-through, then fit the cut to measured audio. For longer videos, read timing and assembly. Avoid writing more narration than can fit and compensating with unreadably fast speech.
Make speech and visual identity first
Prefer an authorized supplied recording when it meets the brief. For TTS, call ai_voice_generator_create_audio with a voice actually listed in the live schema; do not invent a neutral narrator ID. If the available presets cannot meet a professional voice requirement, use an authorized reference with ai_voice_cloner_create_audio or explain the exact missing capability. Do not silently substitute a named person for a requested original narrator. Label a synthetic demonstration voice accurately.
Record each created audio ID and use wait_for_audio_project. Retrieve and measure the actual file. Listen when the environment supports it, checking pronunciation, missing words, pauses, noise and the final sentence. If listening was unavailable, state that limitation; duration and successful API status do not establish speech quality. Fix a mispronounced segment before paying for its visuals.
Create one style image with AI Image Generator, or edit an authorized reference with AI Image Editor. Inspect it before animation. Keep the same reference, palette, character details, line treatment and aspect ratio across scenes. Diagram labels and exact words belong in editable layout layers. Reuse an accepted still for a new scene when appropriate; avoid text-to-video when identity matters.
Show full SKILL.md (194 more words)Show less
Animate approved stills with image_to_video_create_video only where motion helps explain the idea. A precisely composed diagram, still with a purposeful camera move or local timeline animation can communicate better than a paid generated clip. Keep those methods accurately labeled. Budget narration, stills, motion and repairs together, and do not add paid motion merely to use every tool.
Assemble and deliver the whole explanation
Persist project IDs and poll the existing jobs; never blindly repeat a creation after an ambiguous response. Use the actual clip and audio durations in the compositor. Let every sentence finish, including a short tail after the final word. Add exact labels, source credits and transitions without covering important content. Use music only when suitable and authorized; keep speech clear.
Inspect the entire final cut for pacing, visual continuity, synchronization, legibility, clipped speech and accidental silent/black tails. Generate or align requested captions against the final narration and cut, not an earlier script. Export the requested aspect ratio and codec, reopen it, and return the video first, with the script, sources and editable timing/layout assets. Retain clean masters for future languages or revisions; changing one sentence should not recreate the entire project.
© hashgraph-online, MIT. 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 3 other files (references) in plugins/magichourhq/skills/skills/magic-hour-explainer-video of hashgraph-online/awesome-codex-plugins.
- SKILL.md
- LICENSE
- agents/openai.yaml
- references/timing-and-assembly.md
Open the folder on GitHubat commit 9e7b281
Compare with similar skills
Magic Hour Explainer Video 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Magic Hour Explainer Video this skillhashgraph-online/awesome-codex-plugins | 1.3k | — | ~1.2k | Automated safety check: Pass | MIT | |
| HyperFrames Animationheygen-com/hyperframes | 59k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| Stitch to Remotion Walkthrough Videosgoogle-labs-code/stitch-skills | 8.4k | 6 repos | ~3.2k | Automated safety check: Notes | Apache-2.0 | |
| Faceless Explainer Videoheygen-com/hyperframes | 59k | 3 repos | ~7.7k | Automated safety check: Notes | Apache-2.0 | |
| Video Understandcalesthio/OpenMontage | 66k | — | ~841 | Automated safety check: Pass | AGPL-3.0 | |
| Video ShotcraftVincentwei1021/video-shotcraft | 11k | — | ~2.6k | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Stitch to Remotion Walkthrough Videos
google-labs-code/stitch-skills
Builds walkthrough videos from Stitch design projects using Remotion, with transitions, zoom effects and text overlays on each screen.
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.
Video Understand
calesthio/OpenMontage
Understand video content locally using ffmpeg frame extraction and Whisper transcription.
Video Shotcraft
Vincentwei1021/video-shotcraft
Makes cinematic product videos with Remotion from shot recipe cards, a ready template, real page screenshots, camera moves and sound design, or builds a single animated shot.
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.
More from hashgraph-online/awesome-codex-plugins
All 714 skills in this repoAnime Reaction Gif
hashgraph-online/awesome-codex-plugins
Create original anime-style reaction stickers as looping GIFs and MP4 previews, using generated character pose sheets and timed key poses.
Calibredb
hashgraph-online/awesome-codex-plugins
Manage and query Calibre libraries with the calibredb CLI (local paths or Calibre Content server URLs).
Rust API Test Harness
hashgraph-online/awesome-codex-plugins
A skill your agent uses when adding, changing, testing, or debugging Rust HTTP APIs and services, especially when Codex needs black-box integration tests, random-port app startup, real database test…
Art
hashgraph-online/awesome-codex-plugins
Make a studio's game look like something at build time — a cover from a real frame of the game (free), painted covers, backdrops, textures and character plates from image models through the…
Calle
hashgraph-online/awesome-codex-plugins
Use CALL-E from Codex through the calle CLI. An agent skill from hashgraph-online/awesome-codex-plugins.
Game Balance Economy
hashgraph-online/awesome-codex-plugins
Balance game difficulty, resources, rewards, probability, progression, economies, and dominant strategies.
Related
Categories
Questions about Magic Hour Explainer Video
What does Magic Hour Explainer Video do?
Turn a source document or brief into a finished narrated explainer using Magic Hour images, speech and video, with a coherent visual style and complete sentences. Magic Hour Explainer Video is an agent skill from hashgraph-online/awesome-codex-plugins. Turn a source document or brief into a finished narrated explainer using Magic Hour images, speech and video, with a coherent visual style and complete sentences.
When should I use Magic Hour Explainer Video?
Magic Hour Explainer Video fits situations like: product and process explainers when Magic Hour is the chosen media provider; tasks that involve Video production.
How do I install Magic Hour Explainer Video in Claude Code?
Run `npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a claude-code`. Or copy the skill folder (plugins/magichourhq/skills/skills/magic-hour-explainer-video in hashgraph-online/awesome-codex-plugins) into .claude/skills/magic-hour-explainer-video in your project. Claude Code loads it when a task matches its description.
How do I install Magic Hour Explainer Video in Codex?
Run `npx skills add hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a codex`. Or copy the skill folder (plugins/magichourhq/skills/skills/magic-hour-explainer-video in hashgraph-online/awesome-codex-plugins) into .agents/skills/magic-hour-explainer-video in your project. Codex loads it when a task matches its description.
Can I use Magic Hour Explainer Video 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 hashgraph-online/awesome-codex-plugins --skill magic-hour-explainer-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/magic-hour-explainer-video, .gemini/skills/magic-hour-explainer-video, .github/skills/magic-hour-explainer-video and .opencode/skills/magic-hour-explainer-video in your project.
What does Magic Hour Explainer Video need to run?
SKILL.md names no scripts, command-line tools or credentials: Magic Hour Explainer Video is instructions for the agent only.
Does Magic Hour Explainer Video access the network?
SKILL.md names 2 domains. In commands or code: mcp.magichour.ai; the agent is likely to contact it when it follows the instructions. As links in the text: github.com. This is read from the text; nothing was executed.
Is Magic Hour Explainer Video 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. Review the folder before installing.
What licence does Magic Hour Explainer Video use?
Magic Hour Explainer Video is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Magic Hour Explainer Video use?
About 1.2k tokens (SKILL.md is roughly 4.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 568 tokens, read only when the agent opens those files.
What are the alternatives to Magic Hour Explainer Video?
Skills that share tags, products or a category with Magic Hour Explainer Video: HyperFrames Animation (heygen-com/hyperframes, 59k stars), Stitch to Remotion Walkthrough Videos (google-labs-code/stitch-skills, 8.4k stars), Faceless Explainer Video (heygen-com/hyperframes, 59k stars) and Video Understand (calesthio/OpenMontage, 66k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Magic Hour Explainer Video?
hashgraph-online (a GitHub organization) maintains it in hashgraph-online/awesome-codex-plugins, which has 1,255 GitHub stars. The repository holds 714 skills in this directory. The repository was last updated on October 9, 2026.
Source: hashgraph-online/awesome-codex-plugins on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.