← All design systems
Bold by craft

Claude CodeClaude Code Reel Template

The agentic CLI. Warm dark, coral accent, tool-call blocks.

Claude Code
The agentic CLI.
Warm dark, coral accent, tool-call blocks.
@vividmotion.app

Claude Code is one closed vocabulary: the agentic CLI. Warm dark, coral accent, tool-call blocks. Every scene shares the same typeface, motion and safe areas, so a grid of Claude Code reels reads as one account instead of a template someone kept re-skinning.

Ask your assistant for a Claude Code reel and it composes from 39 scene components in that vocabulary — your handle, accent colour and narration voice applied from your brand profile, nothing hand-placed.

Like every VividMotion system, Claude Code is a closed vocabulary: your AI assistant picks components and writes the copy, but it cannot break the typography, spacing or color logic — which is why every render looks designed, and why ten reels still read as one account. Your handle, accent color and narration voice are applied automatically from your brand profile.

Using Claude Code

01
Connect your assistant

Claude, ChatGPT, Cursor and others — one pasted snippet from the connect page.

02
Ask for a Claude Code reel

"Make a claude code reel about…" — or let the assistant pick the system that fits your content.

03
Review and publish

The render lands in your library in about two minutes. Nothing posts without you.