Content To Video
architectds/modeldock
Turn arbitrary source content (README, article, story, slides, deck, data/report, product description, tutorial text, audio/transcript, or a bare topic) into a finished, high-quality MP4 video.
Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover.
Install Hyperframes Ad Director
$ npx skills add OneWave-AI/claude-skills --skill hyperframes-ad-director -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install OneWave-AI/claude-skills hyperframes-ad-director --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/OneWave-AI/claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/hyperframes-ad-director .claude/skills/hyperframes-ad-director && 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 "hyperframes-ad-director" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/hyperframes-ad-director into .claude/skills/hyperframes-ad-director/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-ad-director", 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/OneWave-AI/claude-skills/tree/main/hyperframes-ad-directorType 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 OneWave-AI/claude-skills --skill hyperframes-ad-director -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install OneWave-AI/claude-skills hyperframes-ad-director --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/hyperframes-ad-director .agents/skills/hyperframes-ad-director && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "hyperframes-ad-director" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/hyperframes-ad-director into .agents/skills/hyperframes-ad-director/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-ad-director", 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 OneWave-AI/claude-skills --skill hyperframes-ad-director -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install OneWave-AI/claude-skills hyperframes-ad-director --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/hyperframes-ad-director .cursor/skills/hyperframes-ad-director && 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 "hyperframes-ad-director" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/hyperframes-ad-director into .cursor/skills/hyperframes-ad-director/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-ad-director", 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/OneWave-AI/claude-skills.git --path hyperframes-ad-director--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 OneWave-AI/claude-skills --skill hyperframes-ad-director -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install OneWave-AI/claude-skills hyperframes-ad-director --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/hyperframes-ad-director .gemini/skills/hyperframes-ad-director && 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 "hyperframes-ad-director" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/hyperframes-ad-director into .gemini/skills/hyperframes-ad-director/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-ad-director", 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 OneWave-AI/claude-skills hyperframes-ad-directorInstalls 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 OneWave-AI/claude-skills --skill hyperframes-ad-director -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/hyperframes-ad-director .github/skills/hyperframes-ad-director && 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 "hyperframes-ad-director" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/hyperframes-ad-director into .github/skills/hyperframes-ad-director/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-ad-director", 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 OneWave-AI/claude-skills --skill hyperframes-ad-director -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install OneWave-AI/claude-skills hyperframes-ad-director --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OneWave-AI/claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/hyperframes-ad-director .opencode/skills/hyperframes-ad-director && 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 "hyperframes-ad-director" agent skill from https://github.com/OneWave-AI/claude-skills/tree/main/hyperframes-ad-director into .opencode/skills/hyperframes-ad-director/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "hyperframes-ad-director", 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
hyperframes-ad-director- GitHub stars
- 322
- Token cost
- ~988 tokens
- SKILL.md length
- 468 words
- Files
- 1
- Skills in repo
- 91
- Repo updated
- First seen
- Licence
- MIT
At a glance
Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover.
- Works in 5 steps: Take the brief → Write the creative → Build the composition → …
- You need a launch ad
- SKILL.md covers Step 1 — Take the brief, Step 2 — Write the creative, Step 3 — Build the composition and Step 4 — Export the cuts, plus 2 more sections
- Calls npx
What it does
Hyperframes Ad Director is an agent skill from OneWave-AI/claude-skills. Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover. Outputs platform cuts (vertical 9:16, square, 16:9). Use when you need a launch ad, product promo, social video, or paid-creative concept ready to render.
Its SKILL.md is about 990 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Motion graphics, Comics and storyboards and Text to speech and voice. It works with HeyGen. The repository describes itself as: 200+ production-ready Claude Code skills for sales, marketing, design, engineering, and AI agent architecture. Built and maintained by OneWave AI. The licence is MIT.
When your agent uses it
- You need a launch ad
- Paid-creative concept ready to render
Example prompts
- “/hyperframes-ad-director”
Requirements
- Node.js
Workflow steps
5 steps, taken from the step headings in SKILL.md.
What it can do on your machine
Read from SKILL.md and the folder at commit fc5b785. 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
Shell commands in SKILL.md call:
npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
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
Hyperframes Ad Director loads about 988 tokens when it runs. Until then it costs about 94 tokens; SKILL.md has 468 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 OneWave-AI/claude-skills at commit fc5b785, republished under its MIT licence (© OneWave-AI). 468 words, ~988 tokens.
Download SKILL.mdSave it as
.claude/skills/hyperframes-ad-director/SKILL.md (or your agent's skills folder).- name
- hyperframes-ad-director
- description
- Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover. Outputs platform cuts (vertical 9:16, square, 16:9). Use when you need a launch ad, product promo, social video, or paid-creative concept ready to render.
- tools
- Read, Write, Bash, Glob, Grep, WebSearch, WebFetch, Agent
- model
- inherit
HyperFrames Ad Director
You bring the offer; this skill directs the ad. It takes a brief and produces a real, renderable HyperFrames composition — not a vague concept — with a scroll-stopping hook, a tight script, a storyboard, and the scene HTML wired for the HyperFrames render pipeline.
This skill orchestrates the build. For the mechanics of authoring compositions, captions, transitions, and TTS, invoke the hyperframes skill (and hyperframes-cli for init/lint/preview/render, hyperframes-media for voiceover/background-removal). This skill owns the creative direction and the end-to-end assembly.
Step 1 — Take the brief
Pull or ask for:
- Product / offer and the one thing it does better than the alternative.
- Audience — load buyer personas from
icp-deep-scanneroutput if available, so the hook speaks to a real prospect. - The one action — what the viewer should do (visit, sign up, book, buy).
- Platform & length — TikTok/Reels/Shorts (15–30s vertical), YouTube pre-roll, paid social, hero loop.
- Brand — colors, type, logo, tone. If a
claude-design-system-architecttoken set exists, reuse it for visual consistency.
Honor brand rules: no purple and no emoji in any visual output unless the brand kit explicitly calls for them; prefer the brand's own palette and clean iconography.
Step 2 — Write the creative
- Hook (first 1.5s) — the line/visual that stops the scroll. Write 3 options. The hook is 80% of the ad; spend the most thought here.
- Script — beat by beat: hook → problem → turn → proof → offer → CTA. Keep it spoken-word tight; cut every word that isn't earning its place.
- Storyboard — a table of scenes: timecode, on-screen visual, on-screen text, VO line, motion/transition.
Show full SKILL.md (213 more words)Show less
Step 3 — Build the composition
Scaffold and author the HyperFrames project (via the hyperframes / hyperframes-cli skills):
- One scene block per storyboard beat, timed to the script.
- Captions synced to the VO (most social video is watched muted — captions are not optional).
- Motion that serves the message: entrance on the hook, emphasis on the proof, a clean CTA hold. Deterministic, seek-safe animation per HyperFrames rules.
- Transitions between beats that match the pace (fast cuts for energy, smooth reveals for premium).
- Voiceover — generate via the HyperFrames media pipeline (or
edge-ttswith a neural voice if the user prefers); keep timing aligned to captions.
Lint and preview (npx hyperframes lint / preview) before declaring it done. Never claim it renders without running the pipeline.
Step 4 — Export the cuts
Produce the platform variants the brief needs: 9:16 vertical, 1:1 square, 16:9. Note any per-platform trims (vertical needs the hook framed for thumb-stopping; pre-roll needs the brand in the first 5s).
Step 5 — Deliver
# Ad: {Product} — {platform}
- Hook options (3) + chosen
- Full script
- Storyboard table
- Composition path + render command
- Platform cuts produced
- Suggested A/B (hook variant to test)Offer to pressure-test the hook and script through prospect-panel-simulator before spending on media, and to spin a longer-form demo via hyperframes-sales-demo-builder.
Guardrails recap
The hook earns the most effort · captions always (muted autoplay) · reuse the brand kit, no purple/no emoji unless branded · lint + preview before claiming done · ground the message in a real persona.
© OneWave-AI, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in hyperframes-ad-director of OneWave-AI/claude-skills.
Open the folder on GitHubat commit fc5b785
Compare with similar skills
Hyperframes Ad Director 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 |
|---|---|---|---|---|---|---|
| Hyperframes Ad Director this skillOneWave-AI/claude-skills | 322 | — | ~988 | Automated safety check: Pass | MIT | |
| Content To Videoarchitectds/modeldock | 117 | — | ~2.4k | Automated safety check: Pass | Apache-2.0 | |
| Article Explainer Videowwwzhouhui/skills_collection | 282 | — | ~2.2k | Automated safety check: Pass | None | |
| Hbg Life SimulationMr-funny/hbg-life-simulation | 140 | — | ~5.8k | Automated safety check: Pass | MIT | |
| Edit Videonateherkai/hyperframes-student-kit | 1.2k | — | ~673 | Automated safety check: Pass | Custom licence | |
| Super Video MakerBomx/super-video-maker-skill | 305 | — | ~11k | Automated safety check: Notes | None |
Similar skills
Article Explainer Video
wwwzhouhui/skills_collection
把一篇技术长文/论文解读自动做成章节式解说视频(1080p, 5-8 分钟)。双主题:warm(奶油底+珊瑚红+cozy-handdrawn 透明插图,亲和感)和 midnight(深蓝黑底+琥珀金+宋体标题+executive-tech 插图,AI 科技感),storyboard 一个 theme 字段切换。每章三种 layout 混排:illustration(左文右图+Ken…
Hbg Life Simulation
Mr-funny/hbg-life-simulation
Create Chinese HBG “模拟人生 / 人生副本” narrative videos with a consistent comic IP, a rapid multi-life opening, continuous natural-speed narration, synchronized short captions, dense static manga…
Edit Video
nateherkai/hyperframes-student-kit
Edit a raw talking-head video through transcription, silence trimming, mistake review, visual storytelling, motion graphics, and verified HyperFrames rendering.
Super Video Maker
Bomx/super-video-maker-skill
End-to-end AI video production skill for agentic frameworks.
Remotion Ad Video
leosssvip-dot/remotion-ad-video-skill
A skill your agent uses when turning product links, app store listings, landing pages, or product briefs into advertising videos with Remotion or Hyperframes projects, storyboards, render-engine…
More from OneWave-AI/claude-skills
All 91 skills in this repoCRM Data Cleanup
OneWave-AI/claude-skills
Finds duplicate and junk records in a CRM CSV export with fuzzy matching, normalizes fields and writes a reviewable merge plan plus import-ready files without touching the live CRM.
Design Export Repair
OneWave-AI/claude-skills
Repairs broken decks and PDFs exported from Claude Design or similar AI deck generators: clipped text, wrong fonts and corrupted .pptx package structure.
Bi Measure Builder
OneWave-AI/claude-skills
Writes, explains, debugs, and optimizes BI calculations - Power BI / Fabric DAX measures and calculated columns, Tableau calculated fields (FIXED/INCLUDE/EXCLUDE LOD expressions, table…
Bookkeeping Close
OneWave-AI/claude-skills
Categorizes transactions, reconciles bank and card statements to the ledger, works a month-end checklist and prepares a close package, without ever forcing a balance.
CSV and Excel Merger
OneWave-AI/claude-skills
Combines CSV, TSV and Excel files into one verified table with pandas, by stacking or joining, mapping columns, normalizing keys and removing duplicates.
Sec Filing Puller
OneWave-AI/claude-skills
Pulls financial statement numbers for US public companies straight from SEC EDGAR's free official XBRL APIs (companyfacts, companyconcept, frames, submissions) into a cited table.
Related
Works with
Categories
Questions about Hyperframes Ad Director
What does Hyperframes Ad Director do?
Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover. Hyperframes Ad Director is an agent skill from OneWave-AI/claude-skills. Turn a marketing brief or product offer into a finished short-form video ad built in HyperFrames — hook, script, shot-by-shot storyboard, scene-by-scene HTML composition, captions, and voiceover.
When should I use Hyperframes Ad Director?
Hyperframes Ad Director fits situations like: you need a launch ad; paid-creative concept ready to render.
How do I install Hyperframes Ad Director in Claude Code?
Run `npx skills add OneWave-AI/claude-skills --skill hyperframes-ad-director -a claude-code`. Or copy the skill folder (hyperframes-ad-director in OneWave-AI/claude-skills) into .claude/skills/hyperframes-ad-director in your project. Claude Code loads it when a task matches its description.
How do I install Hyperframes Ad Director in Codex?
Run `npx skills add OneWave-AI/claude-skills --skill hyperframes-ad-director -a codex`. Or copy the skill folder (hyperframes-ad-director in OneWave-AI/claude-skills) into .agents/skills/hyperframes-ad-director in your project. Codex loads it when a task matches its description.
Can I use Hyperframes Ad Director 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 OneWave-AI/claude-skills --skill hyperframes-ad-director -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-ad-director, .gemini/skills/hyperframes-ad-director, .github/skills/hyperframes-ad-director and .opencode/skills/hyperframes-ad-director in your project.
What does Hyperframes Ad Director need to run?
Going by SKILL.md and its folder, Hyperframes Ad Director needs the command-line tools its instructions call (npx). Our summary lists: Node.js.
Does Hyperframes Ad Director access the network?
SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Is Hyperframes Ad Director 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 Hyperframes Ad Director use?
Hyperframes Ad Director is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Hyperframes Ad Director use?
About 988 tokens (SKILL.md is roughly 4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Hyperframes Ad Director?
Skills that share tags, products or a category with Hyperframes Ad Director: Content To Video (architectds/modeldock, 117 stars), Article Explainer Video (wwwzhouhui/skills_collection, 282 stars), Hbg Life Simulation (Mr-funny/hbg-life-simulation, 140 stars) and Edit Video (nateherkai/hyperframes-student-kit, 1.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Hyperframes Ad Director?
OneWave-AI (a GitHub organization) maintains it in OneWave-AI/claude-skills, which has 322 GitHub stars. The repository holds 91 skills in this directory. The repository was last updated on October 2, 2026.
Source: OneWave-AI/claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.