Product & UI · Sep 7, 2026
I have made this video with Fable 5.1 in one shot using Claude Desing + Remotions + ElevenLabs
I have made this video with Fable 5.1 in one… by Own-Culture3567. Watch the Product & UI video, explore the shared prompt and visit the original Reddit post.
Own-Culture3567u/Own-Culture3567
View on RedditOpen the original Reddit post for the version with sound.
**I made this video in one shot with Claude Fable 5.1. No manual editing.** The tools were Claude Design, Remotion and ElevenLabs. I gave one prompt and got the finished video back. It's for my app Goal Rings [goalrings.app](https://goalrings.app?ref="r/vibecoding"). It's a macOS widget that puts your metrics as rings on the edge of the screen. Revenue, visitors, words written, anything with a number. Each ring is paced against the clock, so you can see if you're ahead or behind right now. **Happy to answer questions about the setup or the app.** **Prompt (i never write such a prompt by myself; I always discuss it with Claude, and then I get such a good prompt):** You are building the launch video for [PRODUCT], a [one line: what it is, for whom]. Stack: Remotion 4 (React + TypeScript) for picture, ElevenLabs for voice. The project lives in `video/` inside the product repo so it can import real brand values. ## Ground truth, not literals - Nothing brand- or…
The prompt behind it.
Original prompt
/>` between beats so lines land near their marks, but do NOT trust breaks for timing: ElevenLabs stretches them.
- Generate one clip per cut through the API with timestamps (`POST /v1/text-to-speech/{voice_id}/with-timestamps`) and derive a cue sheet from the character alignment. Per line: `{ in, out, at }` where in/out index the source file and `at` is the composition time the line starts. Save as `src/vo.ts`.
- Play each cue as its own `<Audio src startFrom={in·fps} endAt={out·fps}>` inside `<Sequence from={at·fps}>`. No re-encoding. Regenerating the voice changes only `vo.ts`.
- Then retime the scene table in `cuts.ts` to the voice, not the other way round. Picture marks (the thing closing, the notification, the domain) land 0.3–0.6 s after the line that announces them.
- Files go to `public/audio/vo-<Cut>.mp3`; `scripts/props.ts` detects them and sets `withAudio`. Missing files render silent.
## Music and SFX
You cannot produce music. [Pick one:Video and prompt by Own-Culture3567. Original post ↗
Is this your work? Add the badge
Paste this on your site or README to link people to this page.
<a href="https://createmotion.io/motions/reddit-1w9qpa6/"><img src="https://createmotion.io/featured-on-motif.svg" alt="Featured on motif" width="188" height="44"></a>
