SShotpack

guides · updated 2026-08-07

Claude Code + Remotion — Agent Video Without a Local Skill Pack

Use Claude Code for Remotion video work via Shotpack remote URLs. Fetch llms.txt, catalog.json, and demo.tsx instead of installing a giant skill.

Claude Code + Remotion means an agent writes Remotion compositions (React + frame-accurate animation) instead of dragging clips in a timeline editor. Shotpack gives that agent a remote shot library: public recipe cards and tuned demo.tsx files over HTTPS.

Why agents need a shot index

Without recipes, Claude Code will invent motion that looks generic. With Shotpack it can:

  1. Pick a shot id from the catalog (energy, duration, category).
  2. Copy easing, springs, and layout from the published TSX.
  3. Swap your product screenshots / copy into the same structure.

That is “claude code video editing” in practice: code-first cuts, not CapCut exports.

One-liner workflow

Read /llms.txt and /api/catalog.json from this Shotpack origin.
Implement shot typewriter-moves using its demo.tsx as the source of truth.
Keep Remotion APIs (useCurrentFrame, spring, Sequence) intact; only swap brand copy and assets.

Claude Code Remotion skill vs remote Shotpack

Goal Local skill Shotpack
Offline / air-gapped Better Needs network
Fast trial Clone + install Paste URL
Free demos Skill-dependent 12 public TSX
Core pack Often all free OSS $9.9 unlock

If you already search for “claude code remotion skill”, you can still use open-source skills. Shotpack is the hosted index when you want agents to fetch instead of install.

Related Shotpack guides

FAQ

Does Claude Code need a Remotion license?

Remotion’s own license still applies to your renders. Shotpack only supplies recipes and reference TSX.

Can this produce a full promo?

Yes as a pipeline: storyboard with several shot ids → implement each from demo.tsx → sequence in a Remotion composition. Free shots cover openings, type, transitions; core pack densifies the middle.

Start with free shots$9.9 core pack