Code and timeline show every frame as a function
10.5K views·224 likes·295 saves·11 reposts·Posted 25 Sept 2026 · 0:51 · Explainers
Our note
A Spanish explainer on making product videos in code: step 3 pairs a render(t) function with a ball easing across a timeline, 'every frame is a function of time'; it used under 1% of a 5-hour quota.
The creator’s post
¿Están todos al tanto de que se pueden hacer videos para sus productos con tremenda calidad en 2 segundos? Con la nueva actualización de Opus 5.5, ahora te permite crear videos que se generan solo con código! Esto hace que sea SÚPER barato de generar, en comparación con tener que hacer videos generativos con MiniMax, por ejemplo. En el video de ejemplo se explica cómo se hacen estos videos. Tambien podes pasarle links de videos de Youtube o X para tomarlos como referencia, para este ejemplo tomé algunos del X de Claude. Pensá que, si vas a una agencia para pedir este tipo de videos, dudo que baje de $3.000. Este video lo hice con >1% de mi cuota de 5 horas en Claude Code.
The prompt
The creator didn’t publish a prompt for this one. Start from the prompt template instead.
Make one like this
1 · Start from a template
This creator didn't share a prompt. Start from the template and describe this video's look.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
The creator didn’t name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4. How that works →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth