FreePublished on GitHub

remotion-best-practices

Best practices for Remotion - Video creation in React

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills

Run score Not tested

See how to install

Files included (32)

SKILL.md3.3 KB
rules/3d.md2.2 KB
rules/animations.md790 B
rules/assets.md1.6 KB
rules/assets/charts-bar-chart.tsx3.3 KB
rules/assets/text-animations-typewriter.tsx2.1 KB
rules/assets/text-animations-word-highlight.tsx2.3 KB
rules/audio.md3.7 KB
rules/calculate-metadata.md2.9 KB
rules/can-decode.md1.5 KB
rules/charts.md1.7 KB
rules/compositions.md3.4 KB
rules/display-captions.md3.6 KB
rules/extract-frames.md5.4 KB
rules/fonts.md3.4 KB
rules/get-audio-duration.md1.3 KB
rules/get-video-dimensions.md1.6 KB
rules/get-video-duration.md1.3 KB
rules/gifs.md3.8 KB
rules/images.md2.7 KB
rules/import-srt-captions.md2.1 KB
rules/lottie.md1.7 KB
rules/measuring-dom-nodes.md974 B
rules/measuring-text.md2.9 KB
rules/sequencing.md2.3 KB
rules/tailwind.md422 B
rules/text-animations.md700 B
rules/timing.md3.8 KB
rules/transcribe-captions.md850 B
rules/transitions.md3.6 KB
rules/trimming.md1.2 KB
rules/videos.md3.4 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

When to use

Use this skills whenever you are dealing with Remotion code to obtain the domain-specific knowledge.

How to use

Read individual rule files for detailed explanations and code examples:

rules/3d.md - 3D content in Remotion using Three.js and React Three Fiber
rules/animations.md - Fundamental animation skills for Remotion
rules/assets.md - Importing images, videos, audio, and fonts into Remotion
rules/audio.md - Using audio and sound in Remotion - importing, trimming, volume, speed, pitch
rules/calculate-metadata.md - Dynamically set composition duration, dimensions, and props
rules/can-decode.md - Check if a video can be decoded by the browser using Mediabunny
rules/charts.md - Chart and data visualization patterns for Remotion
rules/compositions.md - Defining compositions, stills, folders, default props and dynamic metadata
rules/display-captions.md - Displaying captions in Remotion with TikTok-style pages and word highlighting
rules/extract-frames.md - Extract frames from videos at specific timestamps using Mediabunny
rules/fonts.md - Loading Google Fonts and local fonts in Remotion
rules/get-audio-duration.md - Getting the duration of an audio file in seconds with Mediabunny
rules/get-video-dimensions.md - Getting the width and height of a video file with Mediabunny
rules/get-video-duration.md - Getting the duration of a video file in seconds with Mediabunny
rules/gifs.md - Displaying GIFs synchronized with Remotion's timeline
rules/images.md - Embedding images in Remotion using the Img component
rules/import-srt-captions.md - Importing .srt subtitle files into Remotion using @remotion/captions
rules/lottie.md - Embedding Lottie animations in Remotion
rules/measuring-dom-nodes.md - Measuring DOM element dimensions in Remotion
rules/measuring-text.md - Measuring text dimensions, fitting text to containers, and checking overflow
rules/sequencing.md - Sequencing patterns for Remotion - delay, trim, limit duration of items
rules/tailwind.md - Using TailwindCSS in Remotion
rules/text-animations.md - Typography and text animation patterns for Remotion
rules/timing.md - Interpolation curves in Remotion - linear, easing, spring animations
rules/transcribe-captions.md - Transcribing audio to generate captions in Remotion
rules/transitions.md - Scene transition patterns for Remotion
rules/trimming.md - Trimming patterns for Remotion - cut the beginning or end of animations
rules/videos.md - Embedding videos in Remotion - trimming, volume, speed, looping, pitch

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

More skills from this repository

account-executive

Free

Expert full-cycle enterprise sales strategist for B2B SaaS. Use when planning sales strategy, pipeline management, deal progression, account planning, competitive displacement, or territory optimization. Covers multi-threading, executive engagement, champion development, buying committee navigation, and complex deal orchestration. Use for enterprise selling, account expansion, land-and-expand, and quota attainment.

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills52Updated Feb 27, 2026

adr

Free

Expert Architecture Decision Record (ADR) creation and lifecycle management based on Olaf Zimmermann's methodology. Use when creating ADRs, reviewing architectural decisions, evaluating decision readiness, writing MADR templates, assessing decision quality, or managing ADR logs. Covers the full lifecycle from readiness (START criteria) through creation, MADR formatting, completion (ECADR criteria), and ongoing maintenance.

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills52Updated Feb 27, 2026

codex-review

Free

Hand off code review to OpenAI Codex CLI. Use when asked to "review code with codex", "codex review", "get a second opinion on code", "review my changes", "review this PR", or when you want AI-powered code review from a different model perspective.

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills52Updated Feb 27, 2026

community-builder

Free

Expert community-led growth and community management guidance. Use when building developer communities, Discord/Slack communities, online communities, managing community platforms, designing member onboarding, creating engagement programs, running ambassador programs, measuring community health, setting up moderation systems, or implementing DevRel strategies. Use for community-led growth, member activation, user-generated content programs, and community governance.

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills52Updated Feb 27, 2026

competitive-strategist

Free

Expert competitive intelligence and strategy guidance for B2B/SaaS companies. Use when conducting competitive research, creating battlecards, analyzing win/loss data, building market landscape maps, positioning against alternatives, handling competitive objections, writing comparison pages, or developing sales enablement for competitive situations. Use for competitive monitoring, feature comparisons, and market intelligence gathering.

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills52Updated Feb 27, 2026

create-video-start

Free

Master orchestrator that chains all Remotion video creation skills together in a single automated pipeline. Takes a creative brief and produces a complete, production-ready Remotion video project. Use when starting a new video from scratch, when asked to "create a video", "make a video", "build a complete video", or "video from idea to code".

The English summary is being prepared. Showing the original description.

ncklrs/startup-os-skills52Updated Feb 27, 2026

See all skills by ncklrs

Report a problem with this skill

Install

Install with a command

npx skills add https://github.com/ncklrs/startup-os-skills --skill remotion-best-practices

Paste it into your terminal and run it (requires Node.js). You can choose which agents to install it for, such as Claude Code or Codex.

Ask your agent

Please install the following Agent Skill.
https://github.com/ncklrs/startup-os-skills/tree/main/skills/remotion-best-practices

First review SKILL.md and the bundled files and confirm there is nothing suspicious (such as sending data externally or reading credentials). Then place it in ~/.claude/skills/remotion-best-practices/ for Claude Code, or ~/.agents/skills/remotion-best-practices/ for Codex.

Send this text to Claude Code or Codex as is. It checks the contents before installing.

View source on GitHub

Repository: ncklrs/startup-os-skills
Stars: 52
Forks: 8
Category: Media
Original language: English
Last updated: Feb 27, 2026

A skill is a set of instructions and scripts for an agent. cccskills does not guarantee that skills are safe. Review the contents before you install.