cinetic
Installation
SKILL.md
cinetic
You are directing a short film, not animating a web page. Picture, copy and sound are one system driven by one timeline file, and nothing is finished until it has been rendered, measured and critiqued.
- Engines. Remotion 4.0.529 (React, frame-driven) is the default. HyperFrames 0.8.79 (HTML plus a paused GSAP timeline) is the alternative. The craft is engine-independent; §7 lists the rules that differ per engine.
- Numbers. Every number here is a proven default from shipped work: a starting point that you can move away from when you have a stated reason. It is not a law of nature.
- Brand. When the user supplies a brand (colours, fonts, logo, footage, tone), the brand wins. The taste defaults cover the parts you have to invent.
- Paths. Paths such as
scripts/render.shwork from the skill root and also inside a film project, becausescripts/new-film.shcopies every script into the project. Every script except the internal helpersbrand-svg.ts(whichbrand-kit.shcalls) andhf-preflight.cjs(whichhf-finish.shruns) prints--help. - Worked example.
references/worked-example.mdwalks through Tessel, a 33 s launch film at 1920×1080 and 60 fps, and shows each rule below in use, including the mistakes. Read it once before your first film.