Agent Skill

Install the snapcn agent skill with skills.sh so your AI generates better Remotion videos

snapcn ships an agent skill — a knowledge pack that teaches AI coding agents (Claude Code and friends) how to build videos with snapcn: the full component catalog with props and durations, design defaults, motion-design principles, and common anti-patterns.

Once installed, your agent picks the right components, budgets the timeline correctly, and styles your additions to match the library — without you pasting context every time.

Install with skills.sh

The skill lives in the skills/ folder of the snapcn repo. Install it with the skills CLI:

npx skills add snapcndev/snapcn

This finds the snapcn skill and installs it into your agent (for Claude Code: .claude/skills/snap-cn/). The CLI is interactive — pick the skill and target agent when prompted.

Common flags

# Install straight to the snapcn skill, no prompts
npx skills add snapcndev/snapcn --skill snapcn --yes

# Install globally (available in every project)
npx skills add snapcndev/snapcn --skill snapcn -g

# Target a specific agent
npx skills add snapcndev/snapcn -a claude-code

# Just list what's available in the repo
npx skills add snapcndev/snapcn --list

Use without installing

To try it for a single session without writing files:

npx skills use snapcndev/snapcn@snap-cn | claude

What's inside

File	Contents
`SKILL.md`	Install flow, the two tiers, categories, patterns, design defaults
`references/components.md`	Every component — props, defaults, dependencies, duration & vibe
`references/design.md`	Anti-slop design defaults + tokens (palette, fonts, canvas)
`references/motion-principles.md`	The 12 motion principles adapted to snapcn
`references/anti-patterns.md`	Common generation mistakes and their fixes

Prerequisites

An AI agent that loads skills (e.g. Claude Code).
A Remotion project with snapcn — see Installation.