What the skill gives you, free after you sign in

SKILL.md with the full prompt, scripts and asset rules
One-line install prompt for Claude Code, Codex or Cursor
ZIP download to keep or share inside your team
Every future version of this skill, free

Kinetic Type

Opus Js Animations

Direct and render films made entirely in JavaScript, from an idea to a frame-exact MP4, working like a film director.

320v2026.10.3 · by klsoen

Use this skill for free

Free

Install it in Claude Code, Codex or Cursor. Sign in to copy or download — no payment.

SKILL.mdSign in to use

--- name: opus-js-animations description: Direct and render films made entirely in JavaScript, from an idea to a frame-exact MP4, working like a film director. Take the brief, then ask where the sound comes from (the person's audio file, a YouTube or other link fetched with yt-dlp, a score generated in JavaScript, or a voiceover from their ElevenLabs or OpenAI key). Study that audio, ask about look, pacing, 2D or 3D (three.js or not) and the points to land, and present a director's treatment scene by scene. Build only after the go-ahead, as one HTML page (Canvas 2D with WebGL shaders by defaul

Direct and render films made entirely in JavaScript, from an idea to a frame-exact MP4, working like a film director. Take the brief, then ask where the sound comes from (the person's audio file, a YouTube or other link fetched with yt-dlp, a score generated in JavaScript, or a voiceover from their ElevenLabs or OpenAI key). Study that audio, ask about look, pacing, 2D or 3D (three.js or not) and the points to land, and present a director's treatment scene by scene.

Picked most often by

Content creator

Updated Oct 3, 2026

More skills like this

View all

2945,567
Lottie
Kinetic Type
Claude Code · Codex
1992,410
Pixel2motion
Kinetic Type
Claude Code · Codex
1171,337
Gbro Collage Broll
Kinetic Type
Claude Code · Codex
105271
Claude Faceless Shorts Creator
Kinetic Type
Claude Code

Choose Your Plan

One balance of credits for AI videos and AI images. Subscribe monthly or yearly, or buy a credit pack once.

Lite
$20/month
Billed monthly
Choose Lite
Images per month at HD
Learn more
Nano Banana Pro44 images
Nano Banana86 images
Videos per month
30-second product demo13 videos
60-second explainer5 videos
- 2,000 credits per month
- Up to 86 fast images
- Standard queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
Pro
$50/month
Billed monthly
Choose Pro
Images per month at HD
Learn more
Nano Banana Pro111 images
Nano Banana217 images
Videos per month
30-second product demo33 videos
60-second explainer13 videos
- 5,000 credits per month
- Up to 217 fast images
- Priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries
Recommended
Max
$100/month
Billed monthly
Choose Max
Images per month at HD
Learn more
Nano Banana Pro333 images
Nano Banana652 images
Videos per month
30-second product demo100 videos
60-second explainer40 videos
- 15,000 credits per month
- Up to 652 fast images
- Highest priority queue
- No added Potto watermark
- Batch processing with AI tools
- Not listed in public galleries

Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.