Skills for Real Engineers. Straight from my .agents directory.
39 skills
remotion-motion-graphics
Agent skill from
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.
How to install remotion-motion-graphics
install remotion-motion-graphics
# install the claude-remotion-skill pack with the skills CLI
npx skills add haidrrrry/claude-remotion-skill# or add only this skill to Claude Code: copy the folder
remotion-motion-graphics/
# into
~/.claude/skills/remotion-motion-graphics/ (all projects)
.claude/skills/remotion-motion-graphics/ (one project)
1# Remotion Motion Graphics23Remotion renders React components frame-by-frame into video. Code quality is not the4bottleneck — **motion design craft is**. Untrained generation produces linear easing,5opacity-only fades, simultaneous entrances, flat colors, and no texture. That is the6"generic AI video" look. This skill exists to prevent it.78## Non-negotiable rules (apply to EVERY composition)9101. **NEVER use linear interpolation.** Every `interpolate()` gets an easing curve;11 every entrance prefers `spring()`. Always `extrapolateLeft/Right: "clamp"`.122. **Entrances animate 2–3 properties together** (opacity + translateY + scale).13 A lone fade is forbidden.143. **Stagger everything.** Lists, words, rays, cards: 3–6 frame offsets. Nothing15 enters simultaneously.164. **Exits exist and are faster than entrances** (~10 frames vs ~20).175. **Five-layer stack in every scene**, bottom to top: background mesh → assets →18 graphics/type → color grade → grain + vignette. Never a flat solid background.196. **Every still image gets Ken Burns** (slow scale 1→1.08 + pan). Every video asset20 uses `<OffthreadVideo>`, never `<Video>`.217. **Idle elements breathe**: anything on screen >2s gets sin-wave micro-motion.228. **All timing derives from `fps`** via `useVideoConfig()`. No magic frame numbers.239. **One theme object** at the top of the project (colors, easings, spring presets,24 fonts). Never inline a hex color or easing in a component.25…
Excerpt shown under the repository's MIT license.
Keep exploring
Similar skill repositories
An agentic skills framework & software development methodology that works.
15 skills
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
CC1 skill
Public repository for Agent Skills
20 skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
CCCU6 skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
CCCXCUGH6 skills