make-video
Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, logo…
End-to-end production plan template for feeling-first cinematic product promos: brief interrogation, 45s beat structure (cold open through brand), hero-element metaphor, storyboard fidelity ladder, visual system (palette, type, camera, texture), motion mix and easing vocabulary,
Claude Code
$ npx -y skills add BintzGavin/helios --skill cinematic-product-promo-plan --agent claude-code
Codex
$ npx skills add BintzGavin/helios --skill cinematic-product-promo-plan -a codex -y
Cursor
$ npx skills add BintzGavin/helios --skill cinematic-product-promo-plan -a cursor -y
Gemini CLI
$ npx skills add BintzGavin/helios --skill cinematic-product-promo-plan -a gemini-cli -y
GitHub Copilot
$ npx skills add BintzGavin/helios --skill cinematic-product-promo-plan -a github-copilot -y
OpenCode
$ npx skills add BintzGavin/helios --skill cinematic-product-promo-plan -a opencode -y
Windsurf
$ npx skills add BintzGavin/helios --skill cinematic-product-promo-plan -a windsurf -y
name: cinematic-product-promo-plan description: >- End-to-end production plan template for feeling-first cinematic product promos: brief interrogation, 45s beat structure (cold open through brand), hero-element metaphor, storyboard fidelity ladder, visual system (palette, type, camera, texture), motion mix and easing vocabulary, audio and captions, tooling (animatic through HTML or AE), deliverables matrix, accessibility, review milestones, and compromises to accept or refuse. Use when planning, pitching, storyboarding, or producing polished brand films for any SaaS or consumer product—not category-specific; pair with skills/design/animated-video-philosophy for broader motion principles.
Read [production-plan.md](production-plan.md) for the full phased plan. Adapt nouns (hero element, environments, metaphors) to the product; keep phases, timing discipline, and technical commitments.
Programmatic video creation with web technologies you already know. CSS animations just work.
Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, logo…
Core API for Helios video engine. Use when creating compositions, managing timeline state, controlling playback, or subscribing…
Story-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve); show…
Opt-in library of established visual styles for code-drawn Helios videos: style cards (colour rules, type, motion grammar, a…
Patterns for using Helios with Vanilla Canvas API. Use when building high-performance 2D/3D animations without frameworks.
Chart.js integration patterns for Helios. Use when creating animated data visualizations with Chart.js.
Overlay doctrine for captions in HyperFrames videos — the caption MODEL (drop / rail / embed) and the rule that captions are an…
AI music generation with ACE-Step 1.5 — background music, vocal tracks, covers, stem extraction for video production. Use when…
This skill should be used when a Seedance 2.0 prompt contains generic AI filler, hollow superlatives, vague cinematic language,…