Make an animated short where every frame is code
FRED Episode 1 is an animated short about a butler, a cat that will not eat and an errand at the end of a pier. Every frame is code: three.js sets and cut-out puppets in HyperFrames, built with Claude Code, with MOSS-TTS voices.
Source
@NoodlesNeo on X · 2026-10-19
Written in our own words. Credit to the original author. Link checked 2026-10-19.
What they did
FRED Episode 1 is an animated short about a butler, a cat that will not eat and an errand at the end of a pier. Every frame is code: three.js sets and cut-out puppets in HyperFrames, built with Claude Code, with MOSS-TTS voices.
Result (as claimed)
The full first episode is published, rendered in 4K on his own GPUs.
Tools they used
Cost: Claude Code: from $17/mo.
Set it up
Collect your inputs
List what goes in (raw footage, script, topic list or audio) and the exact output you want, for example 5 vertical clips under 45 seconds. Put inputs in one folder.
Set up the tools
Open Claude Code, HyperFrames, MOSS-TTS. Connect accounts only where needed and note any per-minute or per-credit limits on the free plan before you start.
Run one piece end to end
Make a single output first. Check pacing, captions, voice and framing by watching it on a phone.
Turn it into a repeatable recipe
Save the prompts and settings that worked as a template so the next run takes minutes, then batch.
Review before you post
Watch every output before publishing. Check rights for music, likeness and footage, and label AI content where the platform requires it.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Make an animated short where every frame is code What the original author did: FRED Episode 1 is an animated short about a butler, a cat that will not eat and an errand at the end of a pier. Every frame is code: three.js sets and cut-out puppets in HyperFrames, built with Claude Code, with MOSS-TTS voices. Reported result (as claimed by the author): The full first episode is published, rendered in 4K on his own GPUs. Source: https://x.com/NoodlesNeo/status/2112168172988375476 Tools they used: Claude Code, HyperFrames, MOSS-TTS Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Make an animated short where every frame is code What the original author did: FRED Episode 1 is an animated short about a butler, a cat that will not eat and an errand at the end of a pier. Every frame is code: three.js sets and cut-out puppets in HyperFrames, built with Claude Code, with MOSS-TTS voices. Reported result (as claimed by the author): The full first episode is published, rendered in 4K on his own GPUs. Source: https://x.com/NoodlesNeo/status/2112168172988375476 Tools they used: Claude Code, HyperFrames, MOSS-TTS Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Make an animated short where every frame is code What the original author did: FRED Episode 1 is an animated short about a butler, a cat that will not eat and an errand at the end of a pier. Every frame is code: three.js sets and cut-out puppets in HyperFrames, built with Claude Code, with MOSS-TTS voices. Reported result (as claimed by the author): The full first episode is published, rendered in 4K on his own GPUs. Source: https://x.com/NoodlesNeo/status/2112168172988375476 Tools they used: Claude Code, HyperFrames, MOSS-TTS Category: Creators & video Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to automate work with n8n and AI ยท How to vibe code an app with Claude Code
Related use cases
Make editable motion graphics from HTML with Claude Code
Claude Code plus HyperFrames turns code into editable motion graphics, so a video can start with HTML instead of a timeline. Setup commands and a starter prompt shared.
Make a short animated film as one HTML file with a critic agent reviewing every scene
A creator had Claude Code with Opus 5.5 build a short motion-graphics film entirely as an 85 KB HTML file with sound and no assets or libraries. A separate critic agent reviewed every scene three times before it was kept.
Make an AI short film with a production app you built in Claude Code
A filmmaker made a short about the last human employee in an office run by robots. Video came from Seedance 2.5, keyframes from FLUX and GPT Image, voices and music from ElevenLabs, and upscaling from Topaz, all run through his own film studio app built with Claude Code.
Turn a child's essay into an interactive animated storybook
Given a Chinese composition written for Singapore primary school students, Claude Code with Opus 5.5 built an interactive animated storybook: 12 cinematic shots, watercolor-style 3D scenes, character animation, sound effects and story choices.