Clone a brand's design and make on-brand motion graphics with Claude Code
Instead of describing a look in adjectives, a creator points Claude Code (with the free REA tool) at a brand's website so it writes one style file from the real code, then generates animations one object and one change at a time.
Source
@charliejhills on X · 2026-10-16
Written in our own words. Credit to the original author. Link checked 2026-10-22.
What they did
Instead of describing a look in adjectives, a creator points Claude Code (with the free REA tool) at a brand's website so it writes one style file from the real code, then generates animations one object and one change at a time.
Result (as claimed)
He made 16 Stripe-style animations in a week and shared all 16 prompts.
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, REA, Chrome. 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: Clone a brand's design and make on-brand motion graphics with Claude Code What the original author did: Instead of describing a look in adjectives, a creator points Claude Code (with the free REA tool) at a brand's website so it writes one style file from the real code, then generates animations one object and one change at a time. Reported result (as claimed by the author): He made 16 Stripe-style animations in a week and shared all 16 prompts. Source: https://x.com/charliejhills/status/2111094431965389088 Tools they used: Claude Code, REA, Chrome 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: Clone a brand's design and make on-brand motion graphics with Claude Code What the original author did: Instead of describing a look in adjectives, a creator points Claude Code (with the free REA tool) at a brand's website so it writes one style file from the real code, then generates animations one object and one change at a time. Reported result (as claimed by the author): He made 16 Stripe-style animations in a week and shared all 16 prompts. Source: https://x.com/charliejhills/status/2111094431965389088 Tools they used: Claude Code, REA, Chrome 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: Clone a brand's design and make on-brand motion graphics with Claude Code What the original author did: Instead of describing a look in adjectives, a creator points Claude Code (with the free REA tool) at a brand's website so it writes one style file from the real code, then generates animations one object and one change at a time. Reported result (as claimed by the author): He made 16 Stripe-style animations in a week and shared all 16 prompts. Source: https://x.com/charliejhills/status/2111094431965389088 Tools they used: Claude Code, REA, Chrome 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 vibe code an app with Claude Code · How to make motion graphics and animated videos with Claude Code · How to edit videos with Claude Code and Codex · How to build a website with AI agents
Related use cases
Fix generic, too-fast motion graphics in agent-made launch videos
When Opus 5.5 is told to make a launch video dynamic, the motion often looks generic and too fast. The fix he shares is easing: soft entrances, shorter accelerating exits and no bouncing text, written up as a reference your agent can follow.
Make motion videos with Claude Code and HyperFrames instead of Remotion
He describes a stack with no React and no Remotion team license: Claude Code writes videos as plain HTML and CSS, HyperFrames by HeyGen renders them and GSAP animates them.
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 cinematic brand film in code from one Claude Code prompt
A creator made a 46-second cinematic film for Pyth Network with Claude Code from one prompt, with no Blender, After Effects or video editor: a black hole with a ray-bending shader, live price panels, a data network and a landscape.