Not in the top 1,000 by GitHub stars
haidrrrry/claude-remotion-skill
Open-source Claude agent skill that teaches Claude Code, Claude Desktop & Claude AI to create and edit professional motion graphics videos with Remotion. AI video editing, B-roll, captions, sound design — from one prompt.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
remotion-motion-graphics/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Local scripts → After Local scripts
1dcbe5e3fc6c → 1dcbe5e3fc6c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Local scripts
First observation → 1dcbe5e3fc6c
No earlier version was observed for comparison.
866GitHub stars
124stars in 7 days
1skill in this repository
0commits in 30 days
Heat
6.8- Star growth, last 7 daysNot available
- Star growth, last 24 hoursNot available
- Rank movement, last 7 daysNot available
- Commits, last 30 daysNot available
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekNot available
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
- remotion-motion-graphics
remotion-motion-graphics
How it works
remotion-motion-graphics
When your agent uses it
Create and edit professional motion graphics videos with Remotion (React-based video). Use this skill EVERY time the user wants to create a video, edit a video, animate something, build an intro/outro/logo animation, make a Reel/Short/promo/launch video, add text animations or captions to footage, composite images and B-roll into a video, or mentions Remotion, motion graphics, video rendering, or "make this video look better/less generic". Also trigger when editing an existing Remotion project or when the user complains their video looks basic, generic, or amateur — this skill contains the exact fixes. Always read this skill BEFORE writing any Remotion code.
What it loads into context
Frontmatter
145 tokensAlways available to the agent
SKILL.md
1,930 tokensWhen the skill is activated
Reference documents
4,126 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Non-negotiable rules (apply to EVERY composition)
- Workflow
- Reference files
- Common failure modes to actively avoid
Scripts executed separately
assets/theme.ts
Files
SKILL.mdcore7,909 bytesSKILL.mdcore7,909 bytesSKILL.mdcore7,909 bytesSKILL.mdcore7,909 bytesSKILL.mdcore7,909 bytesSKILL.mdcore7,909 bytesassets/theme.tsruns1,150 bytesreferences/design-rules.mddoc4,332 bytesreferences/motion-patterns.mddoc9,763 bytes
Read SKILL.md
# Remotion Motion Graphics
Remotion renders React components frame-by-frame into video. Code quality is not the
bottleneck — **motion design craft is**. Untrained generation produces linear easing,
opacity-only fades, simultaneous entrances, flat colors, and no texture. That is the
"generic AI video" look. This skill exists to prevent it.
## Non-negotiable rules (apply to EVERY composition)
1. **NEVER use linear interpolation.** Every `interpolate()` gets an easing curve;
every entrance prefers `spring()`. Always `extrapolateLeft/Right: "clamp"`.
2. **Entrances animate 2–3 properties together** (opacity + translateY + scale).
A lone fade is forbidden.
3. **Stagger everything.** Lists, words, rays, cards: 3–6 frame offsets. NothingSkills included
- remotion-motion-graphics
Repository facts
- License
- MIT
- Created
- Jun 13, 2026
- Last pushed
- Aug 12, 2026
- Forks
- 118
- Open issues
- 2
- Project activity
- Slowing
Rank over the last 12 weeks
Now #913 · best #857 · down 5 in 30 days
- #976 on Oct 19
- #980 on Oct 20
- #995 on Oct 21
- #963 on Oct 22
- #978 on Oct 23
- #913 since Oct 24
69 earlier periods
- #885 on Aug 8
- #888 on Aug 9
- #922 on Aug 11
- #928 on Aug 13
- #905 on Aug 14
- #875 on Aug 15
- #897 on Aug 16
- #906 on Aug 17
- #922 on Aug 18
- #917 on Aug 19
- #903 on Aug 20
- #914 on Aug 21
- #861 on Aug 22
- #916 on Aug 23
- #926 on Aug 24
- #937 on Aug 25
- #919 on Aug 26
- #926 on Aug 27
- #960 on Aug 28
- #880 on Aug 29
- #883 on Aug 30
- #932 on Aug 31
- #967 on Sep 1
- #932 on Sep 2
- #937 on Sep 3
- #900 on Sep 4
- #876 on Sep 5
- #915 on Sep 6
- #938 on Sep 7
- #950 on Sep 8
- #937 on Sep 9
- #902 on Sep 11
- #900 on Sep 12
- #899 on Sep 13
- #936 on Sep 14
- #924 on Sep 15
- #936 on Sep 16
- #932 on Sep 17
- #920 on Sep 18
- #891 on Sep 19
- #914 on Sep 20
- #933 on Sep 21
- #951 on Sep 22
- #944 on Sep 23
- #908 on Sep 24
- #857 on Sep 25
- #879 on Sep 26
- #900 on Sep 27
- #945 on Sep 28
- #972 on Sep 29
- #938 on Sep 30
- #876 on Oct 1
- #892 on Oct 2
- #866 on Oct 3
- #910 on Oct 4
- #931 on Oct 5
- #917 on Oct 6
- #956 on Oct 7
- #994 on Oct 8
- #955 on Oct 9
- #931 on Oct 10
- #939 on Oct 11
- #963 on Oct 12
- #965 on Oct 13
- #984 on Oct 14
- #968 on Oct 15
- #975 on Oct 16
- #952 on Oct 17
- #933 on Oct 18
Before you install
Local scriptsAutomated signals, not a guarantee
Checked Nov 5, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 5 notes
remotion-motion-graphics/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedremotion-motion-graphics/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedremotion-motion-graphics/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedremotion-motion-graphics/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedremotion-motion-graphics/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- No broad tool permissions
- No dangerous shell commands
- 3 network referencesin 1 file: remotion-motion-graphics/references/motion-patterns.md:118
- No hidden or obfuscated text
- No instruction overrides
- 1 executable scriptin 1 file: remotion-motion-graphics/assets/theme.ts:1
- No access to secrets
- No requests to vote in Hot
Show all 4 signals by file
remotion-motion-graphics/assets/theme.ts
- Executable scriptline 1
Executable file
remotion-motion-graphics/references/motion-patterns.md
- Network accessline 118
const Grain: React.FC = () => { const frame = useCurrentFrame(); const noise = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFreq - Network accessline 119
const frame = useCurrentFrame(); const noise = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/ - Network accessline 120
const noise = `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='220' height
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Signal confidence: 4 facts
- Executable script in a comment of a file that runsremotion-motion-graphics/assets/theme.ts:1Low confidence
- Network access in code of documentationremotion-motion-graphics/references/motion-patterns.md:118Low confidence
- Network access in code of documentationremotion-motion-graphics/references/motion-patterns.md:119Low confidence
- Network access in code of documentationremotion-motion-graphics/references/motion-patterns.md:120Low confidence
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Compatible | Standard SKILL.md remotion-motion-graphics/SKILL.md | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md remotion-motion-graphics/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md remotion-motion-graphics/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md remotion-motion-graphics/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md remotion-motion-graphics/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md remotion-motion-graphics/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
