Remotion Best Practices
If you're building programmatic videos with Remotion, this is basically a field guide you'll want nearby. It covers the stuff that actually comes up: sequencing clips, syncing audio, working with captions and transcriptions, fitting text into frames, and handling all the media manipulation through Mediabunny. There's also solid coverage of animations, transitions, and even Three.js integration if you need 3D. The rule files are organized by topic, so you can jump straight to what you need rather than hunting through docs. Honestly, it's the kind of reference that saves you from rediscovering best practices the hard way when you're deep in a video generation project.
- skills.sh installs
- 503
- GitHub stars
- 474
- last updated
- Aug 21, 2026
Install
$ npx -y skills add freestylefly/canghe-skills --skill remotion-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Files
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:
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/freestylefly/canghe-skills
- Categories
- Frontend Development, Generative Media
- First seen
- Jun 3, 2026
More from freestylefly/canghe-skills
All 29- Canghe Post To Wechat498
- Canghe Danger Gemini Web497
- Find Skills497
- Canghe Compress Image494
- Canghe Danger X To Markdown489
- Canghe Post To X488
- Obsidian Markdown488
- Douyin Downloader485
- Json Canvas484
- Skill Creator483
- Obsidian Bases477
- Release Skills476
- Flyworks Avatar Video378
- Paddleocr Doc Parsing373
- Manga Drama863
- Manga Style Video667
- Seedance Video609
- Canghe Image Gen598
- Canghe Comic584
- Volcengine Video Understanding579
- Canghe Xhs Images573
- Canghe Cover Image545
- Canghe Markdown To Html536
- Canghe Article Illustrator522
Recommended
More Frontend Development
tanstack-tablejezweb/claude-skillsBuild headless data tables with TanStack Table v8. Server-side pagination, filtering, sorting, and virtualization for Cloudflare Workers + D1. Prevents 12 docum502skills.sh installs
groove-admin-claude-statuslineandreadellacorte/grooveInstall a rich Claude Code statusline into ~/.claude/hooks/ and ~/.claude/settings.json. Displays model, git context, token usage, effort level, 5h/7d usage lim501skills.sh installs
architecture-diagram-creatormhattingpete/claude-skills-marketplaceCreate comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users reques500skills.sh installs
upgrade-solidity-contractsopenzeppelin/openzeppelin-skillsUpgrade Solidity smart contracts using OpenZeppelin proxy patterns. Use when users need to: (1) make contracts upgradeable with UUPS, Transparent, or Beacon pro500skills.sh installs
canghe-post-to-wechatfreestylefly/canghe-skillsPosts content to WeChat Official Account (微信公众号) via API or Chrome CDP. Supports article posting (文章) with HTML, markdown, or plain text input, and image-text p498skills.sh installs
safe-action-better-authnext-safe-action/skillsUse when adding authentication or authorization to safe actions with Better Auth -- covers betterAuth() middleware setup, typed session context (BetterAuthConte496skills.sh installs