Loading
MCP server
Your agent searches the registry, reads a component's real props and plans the whole video from a one-line brief — then installs the components with the shadcn CLI. Included with snapcn Pro: replace YOUR_KEY with a key from your account.
One command in your project. Restart the session to pick it up.
claude mcp add snapcn -- npx -y @snapcn/mcp@latest SNAPCN_API_KEY=YOUR_KEYAdd --scope user before the name to have it in every project.
Each card is one of the server's six tools. Copy the prompt into your agent and it picks the tool itself.
A one-line brief becomes beats, one component each, one install command and a TransitionSeries skeleton — once it has your real copy.
“Plan a 20-second launch video for this repo with snapcn. Dark mode.”
Describe what the shot has to do. Get ranked components with their length, install command and, where written, when not to use them.
“Find a snapcn component that shows our CLI install command running in a terminal.”
The install command, its tunable props with defaults and ranges, and its frame budget — read off the registry, not guessed.
“Get text-reveal's props from snapcn, then add a headline scene that says “Ship faster”.”
Measures the chrome to crop, the frame each beat opens on and where to point the camera — off the file itself.
“Measure public/demo.mp4 with snapcn and plan a product demo around it.”
Renders frames of your composition with your own Remotion CLI and hands the image back, so the agent sees what it wrote.
“Render frames 30 and 120 of the Video composition with snapcn and fix anything that looks wrong.”
snapcn's motion, design and anti-slop rules, for the backdrops, cards and easing the agent writes itself.
“Read snapcn's design rules, then build a lower-third that matches the components.”
Needs Node 18 or newer. The server checks your key with snapcn.dev on the first call and every 15 minutes after — delete a key on your account and it stops within that — then reads the live registry and falls back to a copy bundled in the package. Previews and recording analysis run on the Remotion CLI already in your project.
Pro components show up in search with their props, marked Pro. Installing one takes your key in components.json — see your account. Rather teach the agent than run a server? Install the agent skill.