Agent skill

Coco Ads

by coco-research in coco-research/coco

Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames.

MITAuto-check passedMedia & Creative

Install Coco Ads

skills CLI
$ npx skills add coco-research/coco --skill coco-ads -a claude-code

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

GitHub CLI
$ gh skill install coco-research/coco coco-ads --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/coco-research/coco.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/coco-ads .claude/skills/coco-ads && 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
coco-ads
GitHub stars
473
Token cost
~1.8k tokens
SKILL.md length
836 words
Files
297 (incl. scripts, references, assets)
Skills in repo
60
Repo updated
First seen
Licence
MIT

At a glance

Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames.

  • Works in 4 steps: Inspect the project → Plan and storyboard → Hand off to HyperFrames → …
  • Someone says /coco-ads
  • SKILL.md covers Requirements, What this skill does, Parsing the invocation and Output directory, plus 6 more sections
  • Calls npx; needs GEMINI_API_KEY

What it does

Coco Ads is an agent skill from coco-research/coco. Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames. Use when someone says "/coco-ads", "make a launch video", "brag about this", "turn this into a promo", "make an ad for this", or wants to share what they built. Reads the project code directly — no live URL or screenshots needed. Renders locally.

Its SKILL.md is about 1.8k tokens, which your agent loads only when the skill is triggered. The skill folder holds 299 other files, including scripts, reference files and assets (for example `assets/music/README.md`, `assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json` and `assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md`).

It sits in Media & Creative, covering Motion graphics. It works with HeyGen. The repository describes itself as: CoCo Super Intelligence is the orchestration layer that turns Claude Code, Cursor, or Codex into an engineering department: a routed advisory board, 226 skills, 386 commands… The licence is MIT.

When your agent uses it

  • Someone says /coco-ads
  • Make a launch video
  • Brag about this
  • Turn this into a promo

Example prompts

  • “) using HyperFrames. Use when someone says”
  • “make a launch video”
  • “brag about this”
  • “/coco-ads”

Requirements

  • Node.js
  • Docker
  • A credential in GEMINI_API_KEY

Workflow steps

4 steps, taken from the step headings in SKILL.md.

  1. Inspect the project
  2. Plan and storyboard
  3. Hand off to HyperFrames
  4. Validate, render, and deliver

What it can do on your machine

Read from SKILL.md and the folder at commit 6036e9c. 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 1 file in scripts/, which the agent can run.

    Shell commands in SKILL.md call:

    • npx

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

  • Network

    Links to these hosts (documentation or services it may open):

    • github.com
    • npmjs.com

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

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • GEMINI_API_KEY

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

Context cost

Coco Ads loads about 1.8k tokens when it runs, and up to ~17k if it reads all its reference files. Until then it costs about 91 tokens; SKILL.md has 836 words of instructions outside code blocks.

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

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 coco-research/coco at commit 6036e9c, republished under its MIT licence (© coco-research). 836 words, ~1,827 tokens.

Download SKILL.mdSave it as .claude/skills/coco-ads/SKILL.md (or your agent's skills folder). This skill also uses 296 other files; get the full folder from GitHub.
name
coco-ads
description
Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames. Use when someone says "/coco-ads", "make a launch video", "brag about this", "turn this into a promo", "make an ad for this", or wants to share what they built. Reads the project code directly — no live URL or screenshots needed. Renders locally.
argument-hint
[--tone <preset|freeform>] [--format landscape|vertical|square] [--duration <s>] [--no-music] [--title <name>]
user-invocable
true
domain
design

/coco-ads — launch videos from your repo

You built it. Now let CoCo make the ad.

/coco-ads turns the current project into a short (15–25s), polished, shareable launch video using the HyperFrames toolchain, rendered locally. It is narrow, opinionated, and fast.

Credit / lineage. This skill adapts the launch-video flow from brag by Shunit Haviv and runs on the HyperFrames HTML-composition + render engine by HeyGen. Bundled music is "Happy Beats / Business Moves" by ende.app; bundled SFX are CC0 (Kenney.nl). See CREDITS.md. Re-implemented in CoCo's voice with attribution. Upstream brag is MIT-licensed (Copyright (c) 2026 Shunit Haviv Hakimi); its notice is retained at LICENSE in this skill directory.

Requirements

The render path is fully local (HeyGen cloud/Lambda paths are never used). It needs:

  • Node 22+ and FFmpeg on PATH.
  • The HyperFrames CLI, run via npx hyperframes … (auto-fetched on first use). The composition skills install once with npx hyperframes skills.
  • A quick environment check: npx hyperframes doctor (Chrome headless-shell + FFmpeg). "Docker not running" is fine — Docker is only for distributed cloud renders, which this skill does not use.

No data leaves the machine on the default render path. If GEMINI_API_KEY is set, the optional snapshot frame-analysis would call Gemini — keep it off (--describe false) when bragging about anything you would not paste in public.

What this skill does

  1. Reads the current project code to understand the app.
  2. Plans a short concept specific to this project.
  3. Scripts and storyboards the video.
  4. Hands a focused composition brief to HyperFrames.
  5. Validates, renders locally, and writes share copy.

Parsing the invocation

/coco-ads
/coco-ads --tone chaotic
/coco-ads --tone polished --format vertical
/coco-ads this. Make it feel like a ridiculous startup launch.
OptionValuesDefault
--tonepreset or freeform descriptioninferred
--formatlandscape, vertical, squarelandscape
--durationsecondsauto (15-25s)
--no-musicflagmusic on
--no-sfxflagsfx on
--titlestringinferred from project

Tone can be a preset (default, polished, yc-parody, chaotic, deadpan, cinematic, app-store) or a creative direction such as "fake Series A launch from 2016". When the user gives freeform direction, map it to the nearest preset for pacing and structure, but preserve the user's direction in the plan and composition brief.


Output directory

By default, output goes to coco-ads-output/. To avoid overwriting previous runs, use a timestamped directory (coco-ads-output-YYYY-MM-DD-HHmmss/) when the user asks for a new run or one already exists. Generate the timestamp once at the start of the run and use it consistently for the plan, brief, composition, render, and share copy. Keep coco-ads-output/ out of version control.


Step 1: Inspect the project

Read: references/step-1-inspect.md

Scan the project directory and extract what you need to plan the video.

Gate: You can answer all 9 questions in the planning rubric.


Step 2: Plan and storyboard

Read: references/step-2-plan.md

Write <output-dir>/coco-ads-plan.md. Answer the planning rubric, commit to a creative angle, and write the beat-by-beat storyboard (scenes, text, timing, transitions, SFX cues). Include a compact Music cue guidance section when music is selected.

Gate: <output-dir>/coco-ads-plan.md exists with a full storyboard; scene durations sum to 15–25 seconds.


Show full SKILL.md (353 more words)Show less

Step 3: Hand off to HyperFrames

Read: the installed HyperFrames composition skills (npx hyperframes skills if absent), then references/step-3-compose.md and references/audio.md.

Write <output-dir>/composition-brief.md, then build the composition in <output-dir>/composition/. /coco-ads owns product angle, source material, storyboard, tone, format, audio selection, and delivery; HyperFrames owns the concrete composition structure, animation mechanics, and render workflow.

Gate: npx hyperframes lint passes with zero errors inside <output-dir>/composition/.


Step 4: Validate, render, and deliver

Read: references/step-4-deliver.md

Validate (npx hyperframes validate + inspect), render to <output-dir>/brag.mp4, and write <output-dir>/share-copy.txt.

Gate: the rendered MP4 exists and share copy is written.


Tone system

Seven presets ship with /coco-ads. Each changes scripting energy, pacing, typography personality, and transition style. Presets are defaults, not limits — always allow a freeform creative direction to refine or override.

Full definitions: references/tones.md

ToneEnergyOne-liner
defaultPlayful, clean, postableThe good-vibes default
polishedSerious, elegantFor projects that are not jokes
yc-parodyDeadpan startup energyFake seriousness applied to absurd projects
chaoticFast, loud, aggressiveOver-the-top and unhinged
deadpanCalm, dry, understatedThe joke is that nothing is a joke
cinematicDramatic, trailer-scaleBig motion, bigger claims
app-storeSmooth, feature-card cleanCorporate but not boring

Creative laws

These apply to every video regardless of tone.

Short. 15–25 seconds. Not one second more without a reason.

Readable. Keep the pace high through motion and cuts, never by flashing text. Every line a viewer must read holds long enough to read it (short label ~0.8s settled; a sentence ~0.3s per word). Fast-in, then hold — never fast-in, then gone.

Specific. The video must feel like it was made for this exact project, not any project.

Show the thing. At least one scene must display actual UI, copy, or a key visual from the product. No abstract filler.

No generic SaaS language. "Streamline your workflow" is banned. Use the project's actual copy and claims.

The hook is everything. The first 2 seconds decide whether someone keeps watching. Plan the hook before anything else.

Funny earns its place. Humor should come from the project's absurdity, not from trying to be funny.

Pattern:

Hook (2-3s) → Reveal (2-4s) → 2-3 sharp highlights (5-12s) → Punchline/outro (2-4s)

Adapt this. The pattern is a starting shape, not a template.

© coco-research, 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 296 other files (scripts, references, assets) in skills/coco-ads of coco-research/coco.

  • SKILL.md
  • LICENSE
  • assets/music/README.md
  • assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.md
  • assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.json
  • assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.md
  • assets/music/happy-beats-business-moves-vol-1-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-10-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-11-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-12-by-ende-dot-app.mp3
  • assets/music/happy-beats-business-moves-vol-9-by-ende-dot-app.mp3
  • … and 279 more

Open the folder on GitHubat commit 6036e9c

Compare with similar skills

Coco Ads 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.

Coco Ads compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Coco Ads this skillcoco-research/coco473—~1.8kAutomated safety check: PassMIT
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 coco-research/coco

All 60 skills in this repo
  • Arch Index

    coco-research/coco

    Build and validate .arch/index.json — a committed map from each architectural component of this repository to the real directories and files that implement it, pinned to a git commit, with every…

    473 GitHub stars~2.8k tokensUpdated today
    Auto-check passed
  • Skill Evolution

    coco-research/coco

    A skill your agent uses when running, reviewing or changing coco's self-evolution cycle: the 30-day loop that observes how skills are actually used, proposes evidence-backed edits to them as one…

    473 GitHub stars~1.2k tokensUpdated today
    Auto-check passed
  • Coco Diagram

    coco-research/coco

    A skill your agent uses for architecture, current-state, process, data-flow, medallion, or DP diagrams, including redrawing .drawio and Mermaid sources.

    473 GitHub stars~9.2k tokensUpdated today
    Auto-check passed
  • Brain

    coco-research/coco

    A skill your agent uses when the user says brain, project knowledge, what do we know about, open tasks, or recent decisions, or runs /brain or /brain-update.

    473 GitHub stars~1.5k tokensUpdated today
    Auto-check passed
  • M0

    coco-research/coco

    A skill your agent uses when the user says 'm0', 'm0 status', 'start m0', 'cross-tool memory', 'operational thread', or 'where is my memory stored', or when the M0 daemon or MCP wiring needs…

    473 GitHub stars~755 tokensUpdated today
    Auto-check passed
  • PR To Video

    coco-research/coco

    A skill your agent uses when the user wants a GitHub PR (URL, owner/repoN, or 'this PR') made into a code-change explainer video from its diff and commits: changelog, feature reveal, fix, or refactor.

    473 GitHub stars~7.8k tokensUpdated today
    Auto-check: notes

Works with

Questions about Coco Ads

What does Coco Ads do?

Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames. Coco Ads is an agent skill from coco-research/coco. Turn the project you just shipped into a short, polished, shareable launch video (an "ad") using HyperFrames.

When should I use Coco Ads?

Coco Ads fits situations like: someone says /coco-ads; make a launch video; brag about this; turn this into a promo.

How do I install Coco Ads in Claude Code?

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

How do I install Coco Ads in Codex?

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

Can I use Coco Ads 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 coco-research/coco --skill coco-ads -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/coco-ads, .gemini/skills/coco-ads, .github/skills/coco-ads and .opencode/skills/coco-ads in your project.

What does Coco Ads need to run?

Going by SKILL.md and its folder, Coco Ads needs the command-line tools its instructions call (npx) and credentials named GEMINI_API_KEY. Our summary lists: Node.js; Docker; A credential in GEMINI_API_KEY.

Does Coco Ads access the network?

SKILL.md names 2 domains. As links in the text: github.com and npmjs.com. This is read from the text; nothing was executed.

Is Coco Ads 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 Coco Ads use?

Coco Ads is published under the MIT licence (from the LICENSE file in the skill folder). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Coco Ads use?

About 1.8k tokens (SKILL.md is roughly 7.3k 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 15k tokens, read only when the agent opens those files.

What are the alternatives to Coco Ads?

Skills that share tags, products or a category with Coco Ads: 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 Coco Ads?

coco-research (a GitHub user) maintains it in coco-research/coco, which has 473 GitHub stars. The repository holds 60 skills in this directory. The repository was last updated on October 7, 2026.

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