Skip to content
Video & Audio
Skill

/animated-video-philosophy

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

From plugin
helios
13035 skills1 MCP

Claude Code

$ npx -y skills add BintzGavin/helios --skill animated-video-philosophy --agent claude-code

SKILL.md

animated-video-philosophy.SKILL.md
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.

Animated video philosophy

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.

How to apply it

  • Gate work on the five questions at the end of `philosophy.md`. If they are not clear, prioritize script and intent over more keyframes.
  • When reviewing builds, check **IX. The technical commitments** and **XI. What I won't do** explicitly.
  • When timing or rhythm feels wrong, use **VI** (including the ~30 viewings rule) before tuning easing alone.
@bintzgavin
Ships withhelios

Programmatic video creation with web technologies you already know. CSS animations just work.

13035 skills1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
130
Star history of BintzGavin/helios on GitHub, a chart by star-history.com

Other skills on helios.

make-video

make-video

Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, logo…

@bintzgavin@bintzgavinInstall Skill
core

core

Core API for Helios video engine. Use when creating compositions, managing timeline state, controlling playback, or subscribing…

@bintzgavin@bintzgavinInstall Skill
motion-styles

motion-styles

Opt-in library of established visual styles for code-drawn Helios videos: style cards (colour rules, type, motion grammar, a…

@bintzgavin@bintzgavinInstall Skill
canvas

canvas

Patterns for using Helios with Vanilla Canvas API. Use when building high-performance 2D/3D animations without frameworks.

@bintzgavin@bintzgavinInstall Skill
chartjs

chartjs

Chart.js integration patterns for Helios. Use when creating animated data visualizations with Chart.js.

@bintzgavin@bintzgavinInstall Skill

More skills from other plugins.

captions-overlay

captions-overlay

Overlay doctrine for captions in HyperFrames videos — the caption MODEL (drop / rail / embed) and the rule that captions are an…

@heygen-com@heygen-comInstall Skill
acestep

acestep

AI music generation with ACE-Step 1.5 — background music, vocal tracks, covers, stem extraction for video production. Use when…

@calesthio@calesthioInstall Skill
seedance-antislop

seedance-antislop

This skill should be used when a Seedance 2.0 prompt contains generic AI filler, hollow superlatives, vague cinematic language,…

@emily2040@emily2040Install Skill

Questions about animated-video-philosophy.

Which coding agents can use animated-video-philosophy?
animated-video-philosophy installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.