by nateherkai
Edit videos, reels, and YouTube Shorts with Codex or Claude Code. 14 skills, transcript-driven cuts, storytelling, 406 motion-graphics cards, and HyperFrames templates.
# Add to your Claude Code skills
git clone https://github.com/nateherkai/hyperframes-student-kitGuides for using ide extensions skills like hyperframes-student-kit.
Last scanned: 9/9/2026
{
"issues": [
{
"type": "npm-audit",
"message": "adm-zip: adm-zip extraction follows destination symlinks, allowing arbitrary file overwrite",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "hono: Hono: Incomplete fix for CVE-2026-39408: `toSSG()` still writes files outside the output directory",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "hyperframes: Vulnerability found",
"severity": "medium"
},
{
"type": "npm-audit",
"message": "sharp: sharp: Vulnerabilities in libheif: GHSA-g89c-p67h-r497 and GHSA-2jg2-4ch7-h545",
"severity": "high"
}
],
"status": "WARNING",
"scannedAt": "2026-09-09T08:40:12.271Z",
"npmAuditRan": true,
"pipAuditRan": true,
"promptInjectionRan": true
}hyperframes-student-kit is an open-source ide extensions skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by nateherkai. Edit videos, reels, and YouTube Shorts with Codex or Claude Code. 14 skills, transcript-driven cuts, storytelling, 406 motion-graphics cards, and HyperFrames templates. It has 661 GitHub stars.
hyperframes-student-kit returned warnings in SkillsLLM's automated security scan. It has no critical vulnerabilities, but review the flagged issues in the Security Report section before adding it to your workflow.
Clone the repository with "git clone https://github.com/nateherkai/hyperframes-student-kit" and add it to your Claude Code skills directory (see the Installation section above).
hyperframes-student-kit is primarily written in HTML. It is open-source under nateherkai on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other IDE Extensions skills you can browse and compare side by side. Open the IDE Extensions category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh hyperframes-student-kit against similar tools.
No comments yet. Be the first to share your thoughts!
Top skills in this category by stars
Requires a passing catalog security scan. Resolve the flagged issues and resubmit to enable featuring.
⚠️ Third-Party Software Notice
This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.
Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.
Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.
Nate Herk's reusable video-editing kit for Codex and Claude Code. Bring your own footage. Cut dead air, review mistakes, plan the story, and build motion graphics with HyperFrames and GSAP.
Three finished videos created by Nate. Press Play to watch here in the README.
https://github.com/user-attachments/assets/920cc3b7-6ef0-4324-aa98-870c1c2a07c5
https://github.com/user-attachments/assets/ba468302-fe07-4e4c-949b-68951dd84625
https://github.com/user-attachments/assets/4ad48761-d14c-407a-9dec-1b76a9afb04a
Nate uses ElevenLabs Scribe to transcribe and Kie.ai to generate videos and image assets. Bring your own API keys and credits when using those services. You can ask the assistant to use OpenAI Whisper or local Whisper instead, or supply an existing word-level transcript. Generated assets are optional.
The local starter needs no paid transcription or generation API. See the tools, accounts, and API-key guide for required tools, optional services, setup details, and prompts you can copy.
Install Node.js 22 or newer, Git, FFmpeg (including ffprobe), and Chrome or
Chromium. Make node, ffmpeg, and ffprobe available in your terminal.
Then run these commands in PowerShell, macOS Terminal, or a Linux shell:
git clone https://github.com/nateherkai/hyperframes-student-kit.git
cd hyperframes-student-kit
npm ci
npm run setup
npm test
Setup checks the tools and creates .env only if it is absent. Add only the keys
for services you choose. The included transcription helper uses ElevenLabs;
Whisper and Kie.ai integrations need the setup described in the
tools guide. Setup and troubleshooting.
npm run demo
cd video-projects/demo
npx hyperframes lint
npx hyperframes preview
Scrub the eight-second animation in Studio. After reviewing it, stop the preview with Ctrl+C, then render:
npx hyperframes render --quality draft --output renders/demo.mp4
The demo uses local GSAP. HyperFrames may download and cache its font substitutions on the first render. It has no voiceover. The separate synthetic transcript exercises the cutting tools; it is fictional test data, not a transcript of the title animation.
Open this repository folder in Codex or Claude Code and say:
Use edit-video to edit my recording at [local path]. Keep my examples and core lessons. Tighten dead air, show me the proposed mistake cuts, and use the dark graph-paper style with occasional glass cards. Produce a reviewed draft.
Codex: $edit-video. Claude Code: /edit-video. For a single operation use
cut-silences, cut-mistakes, video-storytelling, or style-library.
See the step-by-step workflow, prompt recipes,
and storytelling workbook.
Use short-form-edit to turn my recording at [local path] into a 9:16 reel. Build a truthful hook and payoff, preserve my meaning, tighten mistakes, and add precise captions, purposeful moving footage, and sound design. Prepare a draft for review. Use my existing footage before proposing generated assets.
Codex: $short-form-edit. Claude Code: /short-form-edit.
The skill includes planning references and validators for caption timing, source
mapping, scene coverage, and footage reuse. It is an agent-guided workflow;
review the actual motion and audio before publishing.
Short-form walkthrough and validation commands.
This is the main student-kit repository. The newer video-pipeline kit has been
merged here with both Git histories preserved. The original 12 projects remain
in video-projects/, alongside the original shared brand examples and the
make-a-video, short-form-video, and website-to-hyperframes skills.
Use short-form-edit for new reels; short-form-video documents the older May
Shorts compositions. Migration and compatibility notes.
| Resource | Start here |
|---|---|
| Shared agent instructions | AGENTS.md |
| Motion and transition vocabulary | MOTION_PHILOSOPHY.md |
| Card library and design tokens | Library guide |
| Searchable card metadata | registry.json |
| Whole-scene templates | Template guide |
| Codex setup and mirroring | .codex/README.md |
| Release checks and limits | Verification |
| Third-party resources | Notices |
The cards are reusable draft assets. Test the cards you choose with your text and footage. Library templates may load GSAP and Google Fonts from their public CDNs; localize these dependencies when assembling a final project.
The three showcase videos were explicitly supplied for public sharing. No other
private recordings, transcripts, credentials, or private workspace settings were
imported. Previously public examples remain in the repository. New folders
under video-projects/ and raw-media/ are ignored automatically; files already
tracked by Git remain tracked. Create a new project for your own footage.