make-video
Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, logo…
Story-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve); show vs tell; shots as units of thought; quiet vs loud motion; Disney principles with restraint; timing heuristics; composition; grammar by medium (product
Claude Code
$ npx -y skills add BintzGavin/helios --skill animated-video-philosophy --agent claude-code
Codex
$ npx skills add BintzGavin/helios --skill animated-video-philosophy -a codex -y
Cursor
$ npx skills add BintzGavin/helios --skill animated-video-philosophy -a cursor -y
Gemini CLI
$ npx skills add BintzGavin/helios --skill animated-video-philosophy -a gemini-cli -y
GitHub Copilot
$ npx skills add BintzGavin/helios --skill animated-video-philosophy -a github-copilot -y
OpenCode
$ npx skills add BintzGavin/helios --skill animated-video-philosophy -a opencode -y
Windsurf
$ npx skills add BintzGavin/helios --skill animated-video-philosophy -a windsurf -y
name: animated-video-philosophy description: >- Story-first motion design philosophy for animated video: motion must earn its place; arc (establish, complicate, resolve); show vs tell; shots as units of thought; quiet vs loud motion; Disney principles with restraint; timing heuristics; composition; grammar by medium (product demos, logos, data viz, explainers); technical commitments (deterministic time, scrubbability, refs); cutting discipline; explicit anti-patterns. Use when planning, storyboarding, critiquing, or implementing programmatic or motion-driven video (Helios, Remotion, explainers, loops, UI capture, logo reveals), or when the user asks for motion direction, pacing, or visual-story structure.
Read [philosophy.md](philosophy.md) start to finish before giving creative direction, critiquing a cut, or structuring scenes. That file is the verbatim working philosophy.
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…
End-to-end production plan template for feeling-first cinematic product promos: brief interrogation, 45s beat structure (cold…
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,…