remotion-best-practices
Best practices for Remotion - Video creation in React
65
47%
Does it follow best practices?
Impact
100%
1.26xAverage score across 3 eval scenarios
Advisory
Suggest reviewing before use
Optimize this skill with Tessl
npx tessl skill review --optimize ./skills/remotion-best-practices/SKILL.mdEvaluation results
100%
12%Animated Product Reveal
Frame-driven animations, no CSS/Tailwind transitions
useCurrentFrame hook
100%
100%
useVideoConfig fps
100%
100%
No CSS transitions
100%
100%
No Tailwind animate/transition
100%
100%
interpolate or spring used
100%
100%
Sequence premountFor
0%
100%
fps-based frame ranges
100%
100%
Composition in Root.tsx
100%
100%
extrapolateRight clamp
100%
100%
100%
39%Travel Highlight Reel
Multi-scene transitions, media components, image embedding
Video from @remotion/media
0%
100%
Audio from @remotion/media
0%
100%
TransitionSeries used
100%
100%
Transition module imports
100%
100%
@remotion/transitions in notes
100%
100%
@remotion/media in notes
0%
100%
No native img tag
100%
100%
Transition timing object
100%
100%
Duration arithmetic
30%
100%
Root.tsx composition
100%
100%
100%
11%Dynamic Slideshow with Branded Typography
Dynamic metadata, Google Fonts, composition structure
calculateMetadata used
70%
100%
abortSignal passed to fetch
100%
100%
Props returned from metadata
100%
100%
type not interface for props
100%
100%
Folder used in Root.tsx
100%
100%
Valid folder name
0%
100%
Still for thumbnail
100%
100%
@remotion/google-fonts import
100%
100%
Font weights/subsets specified
100%
100%
loadFont at module scope
100%
100%
durationInFrames from fetch
100%
100%
- Repository
- tibelf/ai_project_init
- Commit
56f4516
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.