本文へ移動
cccskills
無料GitHub で公開

coco-ads

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.

インストール方法を見る

含まれるファイル(200)

  • SKILL.md7.3 KB
  • assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json78.9 KB
  • assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md1.2 KB
  • assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.json37.6 KB
  • assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.md1.2 KB
  • assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.json46.3 KB
  • assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.md1.2 KB
  • assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.json57.9 KB
  • assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.md1.2 KB
  • assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.json57.4 KB
  • assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.md1.2 KB
  • assets/music/README.md1.3 KB
  • assets/sfx/casino/card-fan-1.ogg12.2 KB
  • assets/sfx/casino/card-fan-2.ogg17.9 KB
  • assets/sfx/casino/card-place-1.ogg9.4 KB
  • assets/sfx/casino/card-place-2.ogg7.9 KB
  • assets/sfx/casino/card-place-3.ogg11.2 KB
  • assets/sfx/casino/card-place-4.ogg9.4 KB
  • assets/sfx/casino/card-shove-1.ogg10.4 KB
  • assets/sfx/casino/card-shove-2.ogg10.2 KB
  • assets/sfx/casino/card-shove-3.ogg9.7 KB
  • assets/sfx/casino/card-shove-4.ogg10.6 KB
  • assets/sfx/casino/card-shuffle.ogg29.3 KB
  • assets/sfx/casino/card-slide-1.ogg8.6 KB
  • assets/sfx/casino/card-slide-2.ogg8.8 KB
  • assets/sfx/casino/card-slide-3.ogg8.9 KB
  • assets/sfx/casino/card-slide-4.ogg7.7 KB
  • assets/sfx/casino/card-slide-5.ogg9.0 KB
  • assets/sfx/casino/card-slide-6.ogg8.6 KB
  • assets/sfx/casino/card-slide-7.ogg9.4 KB
  • assets/sfx/casino/card-slide-8.ogg9.6 KB
  • assets/sfx/casino/cards-pack-open-1.ogg12.4 KB
  • assets/sfx/casino/cards-pack-open-2.ogg10.7 KB
  • assets/sfx/casino/chip-lay-1.ogg5.6 KB
  • assets/sfx/casino/chip-lay-2.ogg6.0 KB
  • assets/sfx/casino/chip-lay-3.ogg6.2 KB
  • assets/sfx/casino/chips-collide-1.ogg6.2 KB
  • assets/sfx/casino/chips-collide-2.ogg5.8 KB
  • assets/sfx/casino/chips-collide-3.ogg6.2 KB
  • assets/sfx/casino/chips-collide-4.ogg5.9 KB
  • assets/sfx/casino/chips-handle-1.ogg9.2 KB
  • assets/sfx/casino/chips-handle-2.ogg8.4 KB
  • assets/sfx/casino/chips-handle-3.ogg6.1 KB
  • assets/sfx/casino/chips-handle-4.ogg7.2 KB
  • assets/sfx/casino/chips-handle-6.ogg8.7 KB
  • assets/sfx/casino/chips-stack-1.ogg6.3 KB
  • assets/sfx/casino/chips-stack-2.ogg5.5 KB
  • assets/sfx/casino/chips-stack-3.ogg7.0 KB
  • assets/sfx/casino/chips-stack-4.ogg6.0 KB
  • assets/sfx/casino/chips-stack-5.ogg5.6 KB
  • assets/sfx/casino/chips-stack-6.ogg5.7 KB
  • assets/sfx/casino/dice-grab-1.ogg10.0 KB
  • assets/sfx/casino/dice-grab-2.ogg11.2 KB
  • assets/sfx/casino/dice-shake-1.ogg18.9 KB
  • assets/sfx/casino/dice-shake-2.ogg19.5 KB
  • assets/sfx/casino/dice-shake-3.ogg19.3 KB
  • assets/sfx/casino/dice-throw-1.ogg9.3 KB
  • assets/sfx/casino/dice-throw-2.ogg7.4 KB
  • assets/sfx/casino/dice-throw-3.ogg9.0 KB
  • assets/sfx/casino/die-throw-1.ogg8.2 KB
  • assets/sfx/casino/die-throw-2.ogg9.6 KB
  • assets/sfx/casino/die-throw-3.ogg9.8 KB
  • assets/sfx/casino/die-throw-4.ogg8.0 KB
  • assets/sfx/impact/footstep_carpet_000.ogg6.2 KB
  • assets/sfx/impact/footstep_carpet_003.ogg6.2 KB
  • assets/sfx/impact/footstep_carpet_004.ogg6.2 KB
  • assets/sfx/impact/footstep_concrete_000.ogg5.7 KB
  • assets/sfx/impact/footstep_concrete_001.ogg6.2 KB
  • assets/sfx/impact/footstep_concrete_002.ogg6.1 KB
  • assets/sfx/impact/footstep_concrete_003.ogg5.7 KB
  • assets/sfx/impact/footstep_concrete_004.ogg5.8 KB
  • assets/sfx/impact/footstep_grass_000.ogg8.1 KB
  • assets/sfx/impact/footstep_grass_001.ogg8.1 KB
  • assets/sfx/impact/footstep_grass_002.ogg8.1 KB
  • assets/sfx/impact/footstep_grass_003.ogg7.9 KB
  • assets/sfx/impact/footstep_grass_004.ogg7.6 KB
  • assets/sfx/impact/footstep_snow_000.ogg7.7 KB
  • assets/sfx/impact/footstep_snow_001.ogg7.6 KB
  • assets/sfx/impact/footstep_snow_002.ogg7.5 KB
  • assets/sfx/impact/footstep_snow_003.ogg7.7 KB
  • assets/sfx/impact/footstep_snow_004.ogg7.5 KB
  • assets/sfx/impact/footstep_wood_000.ogg5.8 KB
  • assets/sfx/impact/footstep_wood_001.ogg5.8 KB
  • assets/sfx/impact/footstep_wood_002.ogg5.8 KB
  • assets/sfx/impact/footstep_wood_003.ogg6.1 KB
  • assets/sfx/impact/footstep_wood_004.ogg5.7 KB
  • assets/sfx/impact/impactBell_heavy_000.ogg13.6 KB
  • assets/sfx/impact/impactBell_heavy_003.ogg9.2 KB
  • assets/sfx/impact/impactBell_heavy_004.ogg6.4 KB
  • assets/sfx/impact/impactGeneric_light_000.ogg5.7 KB
  • assets/sfx/impact/impactGeneric_light_001.ogg5.5 KB
  • assets/sfx/impact/impactGeneric_light_002.ogg5.7 KB
  • assets/sfx/impact/impactGeneric_light_003.ogg5.7 KB
  • assets/sfx/impact/impactGeneric_light_004.ogg5.6 KB
  • assets/sfx/impact/impactGlass_heavy_002.ogg7.5 KB
  • assets/sfx/impact/impactGlass_light_001.ogg6.4 KB
  • assets/sfx/impact/impactGlass_light_002.ogg6.4 KB
  • assets/sfx/impact/impactGlass_light_003.ogg6.5 KB
  • assets/sfx/impact/impactGlass_medium_000.ogg8.2 KB
  • assets/sfx/impact/impactGlass_medium_002.ogg8.1 KB
  • assets/sfx/impact/impactGlass_medium_004.ogg8.2 KB
  • assets/sfx/impact/impactMetal_heavy_000.ogg6.0 KB
  • assets/sfx/impact/impactMetal_heavy_002.ogg5.5 KB
  • assets/sfx/impact/impactMetal_heavy_004.ogg5.7 KB
  • assets/sfx/impact/impactMetal_light_002.ogg6.6 KB
  • assets/sfx/impact/impactMetal_light_003.ogg8.8 KB
  • assets/sfx/impact/impactMetal_medium_000.ogg7.0 KB
  • assets/sfx/impact/impactMetal_medium_001.ogg6.0 KB
  • assets/sfx/impact/impactMetal_medium_002.ogg5.7 KB
  • assets/sfx/impact/impactMetal_medium_003.ogg6.8 KB
  • assets/sfx/impact/impactMetal_medium_004.ogg5.6 KB
  • assets/sfx/impact/impactMining_001.ogg11.2 KB
  • assets/sfx/impact/impactPlank_medium_000.ogg11.7 KB
  • assets/sfx/impact/impactPlank_medium_001.ogg11.8 KB
  • assets/sfx/impact/impactPlank_medium_002.ogg12.0 KB
  • assets/sfx/impact/impactPlank_medium_003.ogg11.9 KB
  • assets/sfx/impact/impactPlank_medium_004.ogg11.8 KB
  • assets/sfx/impact/impactPlate_heavy_000.ogg9.8 KB
  • assets/sfx/impact/impactPlate_heavy_001.ogg8.5 KB
  • assets/sfx/impact/impactPlate_heavy_002.ogg9.9 KB
  • assets/sfx/impact/impactPlate_heavy_003.ogg8.3 KB
  • assets/sfx/impact/impactPlate_heavy_004.ogg10.8 KB
  • assets/sfx/impact/impactPlate_light_000.ogg10.2 KB
  • assets/sfx/impact/impactPlate_light_001.ogg11.5 KB
  • assets/sfx/impact/impactPlate_light_002.ogg9.7 KB
  • assets/sfx/impact/impactPlate_light_003.ogg10.4 KB
  • assets/sfx/impact/impactPlate_light_004.ogg11.6 KB
  • assets/sfx/impact/impactPlate_medium_000.ogg10.7 KB
  • assets/sfx/impact/impactPlate_medium_001.ogg11.2 KB
  • assets/sfx/impact/impactPlate_medium_002.ogg10.0 KB
  • assets/sfx/impact/impactPlate_medium_003.ogg11.3 KB
  • assets/sfx/impact/impactPlate_medium_004.ogg10.5 KB
  • assets/sfx/impact/impactPunch_heavy_000.ogg11.3 KB
  • assets/sfx/impact/impactPunch_heavy_001.ogg10.6 KB
  • assets/sfx/impact/impactPunch_heavy_002.ogg8.8 KB
  • assets/sfx/impact/impactPunch_heavy_003.ogg9.8 KB
  • assets/sfx/impact/impactPunch_heavy_004.ogg10.2 KB
  • assets/sfx/impact/impactPunch_medium_000.ogg8.6 KB
  • assets/sfx/impact/impactPunch_medium_001.ogg8.5 KB
  • assets/sfx/impact/impactPunch_medium_002.ogg10.2 KB
  • assets/sfx/impact/impactPunch_medium_003.ogg9.3 KB
  • assets/sfx/impact/impactPunch_medium_004.ogg9.8 KB
  • assets/sfx/impact/impactSoft_heavy_000.ogg6.4 KB
  • assets/sfx/impact/impactSoft_heavy_001.ogg6.5 KB
  • assets/sfx/impact/impactSoft_heavy_002.ogg6.6 KB
  • assets/sfx/impact/impactSoft_heavy_003.ogg6.5 KB
  • assets/sfx/impact/impactSoft_heavy_004.ogg6.3 KB
  • assets/sfx/impact/impactSoft_medium_000.ogg5.2 KB
  • assets/sfx/impact/impactSoft_medium_001.ogg5.4 KB
  • assets/sfx/impact/impactSoft_medium_002.ogg5.2 KB
  • assets/sfx/impact/impactSoft_medium_003.ogg5.3 KB
  • assets/sfx/impact/impactSoft_medium_004.ogg5.3 KB
  • assets/sfx/impact/impactTin_medium_000.ogg6.4 KB
  • assets/sfx/impact/impactTin_medium_001.ogg6.4 KB
  • assets/sfx/impact/impactTin_medium_002.ogg6.0 KB
  • assets/sfx/impact/impactTin_medium_003.ogg6.4 KB
  • assets/sfx/impact/impactTin_medium_004.ogg6.2 KB
  • assets/sfx/impact/impactWood_heavy_000.ogg6.1 KB
  • assets/sfx/impact/impactWood_heavy_001.ogg6.1 KB
  • assets/sfx/impact/impactWood_heavy_002.ogg6.0 KB
  • assets/sfx/impact/impactWood_heavy_003.ogg6.0 KB
  • assets/sfx/impact/impactWood_heavy_004.ogg6.1 KB
  • assets/sfx/impact/impactWood_light_000.ogg6.2 KB
  • assets/sfx/impact/impactWood_light_001.ogg6.2 KB
  • assets/sfx/impact/impactWood_light_002.ogg6.2 KB
  • assets/sfx/impact/impactWood_light_003.ogg6.2 KB
  • assets/sfx/impact/impactWood_light_004.ogg6.2 KB
  • assets/sfx/impact/impactWood_medium_000.ogg6.4 KB
  • assets/sfx/impact/impactWood_medium_001.ogg6.4 KB
  • assets/sfx/impact/impactWood_medium_002.ogg6.5 KB
  • assets/sfx/impact/impactWood_medium_003.ogg6.4 KB
  • assets/sfx/impact/impactWood_medium_004.ogg6.3 KB
  • assets/sfx/interface/bong_001.ogg4.7 KB
  • assets/sfx/interface/click_001.ogg4.8 KB
  • assets/sfx/interface/click_002.ogg4.2 KB
  • assets/sfx/interface/click_003.ogg4.3 KB
  • assets/sfx/interface/click_004.ogg4.4 KB
  • assets/sfx/interface/click_005.ogg4.3 KB
  • assets/sfx/interface/drop_001.ogg5.7 KB
  • assets/sfx/interface/drop_002.ogg6.3 KB
  • assets/sfx/interface/drop_003.ogg6.1 KB
  • assets/sfx/interface/error_005.ogg7.1 KB
  • assets/sfx/interface/error_006.ogg8.1 KB
  • assets/sfx/interface/glitch_002.ogg5.3 KB
  • assets/sfx/interface/glitch_004.ogg5.1 KB
  • assets/sfx/interface/select_008.ogg6.2 KB
  • assets/sfx/interface/switch_001.ogg6.6 KB
  • assets/sfx/interface/switch_002.ogg6.9 KB
  • assets/sfx/interface/switch_004.ogg7.1 KB
  • assets/sfx/interface/switch_005.ogg7.6 KB
  • assets/sfx/interface/switch_006.ogg7.7 KB
  • assets/sfx/interface/switch_007.ogg7.7 KB
  • assets/sfx/keyboard/keypress-001.wav24.7 KB
  • assets/sfx/keyboard/keypress-002.wav24.7 KB
  • assets/sfx/keyboard/keypress-003.wav24.7 KB
  • assets/sfx/keyboard/keypress-004.wav24.7 KB
  • assets/sfx/keyboard/keypress-005.wav24.7 KB
  • assets/sfx/keyboard/keypress-006.wav24.7 KB
  • assets/sfx/keyboard/keypress-007.wav24.7 KB
  • assets/sfx/keyboard/keypress-008.wav24.7 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

/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. Music is not bundled: the skill is tuned for "Happy Beats / Business Moves" by ende.app, which you download yourself (see assets/music/README.md); 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.


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.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Train and optimize AI agents using Microsoft's Agent Lightning framework with reinforcement learning. Use when setting up agent training, instrumenting agents with tracing, configuring LightningStore, implementing reward functions, or optimizing prompts with RL/APO algorithms.

日本語の概要は準備中です。原文の説明を表示しています。

coco-research/coco5262026年10月10日 更新

Post-run self-evaluation system that scores agent output on correctness, clarity, actionability, and conciseness. Use after /team runs, skill executions, or when explicitly asked to evaluate output quality.

日本語の概要は準備中です。原文の説明を表示しています。

coco-research/coco5262026年10月10日 更新

Create AI marketing videos for ads, promos, product launches, and brand content. Models: Veo, Seedance, Wan, FLUX for visuals, Kokoro for voiceover. Types: product demos, testimonials, explainers, social ads, brand videos. Use for: Facebook ads, YouTube ads, product launches, brand awareness. Triggers: marketing video, ad video, promo video, commercial, brand video, product video, explainer video, ad creative, video ad, facebook ad video, youtube ad, instagram ad, tiktok ad, promotional video, launch video

日本語の概要は準備中です。原文の説明を表示しています。

coco-research/coco5262026年10月10日 更新

Use when building AI features into a product: LLM integration, RAG pipelines, guardrails, streaming, AI UX, prompt engineering, or AI cost control. Treats prompts as code and validates every model output.

日本語の概要は準備中です。原文の説明を表示しています。

coco-research/coco5262026年10月10日 更新

Your AI research and engineering brain trust. 59 named personas across 8 cells covering frontier labs, applied product, model architecture, reasoning/RL/agents, alignment and interpretability, theory and science of DL, multimodal and…

日本語の概要は準備中です。原文の説明を表示しています。

coco-research/coco5262026年10月10日 更新

Use when designing a new REST or GraphQL API, reviewing an API spec before implementation, setting team API standards, or migrating REST to GraphQL. Covers resources, HTTP semantics, pagination, error handling, and pitfalls.

日本語の概要は準備中です。原文の説明を表示しています。

coco-research/coco5262026年10月10日 更新

coco-research のスキルをすべて見る

このスキルの問題を報告する