Claude MarketplacesSubmit
dtsola avatar

Remotion Best Practices

dtsola/xiaoyaosearch

This is your go-to reference when working with Remotion, covering everything from basic animations and sequencing to specialized tasks like transcribing captions, extracting frames with Mediabunny, and rendering 3D content with React Three Fiber. The rules are organized by topic, so you can quickly jump to audio handling, font loading, or transition patterns without hunting through docs. What's nice is the practical coverage of real production needs like checking if videos can be decoded, measuring text to prevent overflow, and making compositions parametrizable with Zod schemas. If you're building programmatic video with React, this gives you patterns that actually work instead of reinventing timing calculations and asset imports every time.

GitHub stars
1.1K
last updated
May 22, 2026
View on GitHub

Install

$ npx -y skills add dtsola/xiaoyaosearch --skill remotion-best-practices --agent claude-code

Installs 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:

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/dtsola/xiaoyaosearch
Categories
Frontend Development, Generative Media
First seen
Jun 11, 2026

More from dtsola/xiaoyaosearch

All 7

Recommended

More Frontend Development
1geekjourneyx avatarai-daily-newsgeekjourneyx/ai-daily-skillFetches AI news from smol.ai RSS and generates structured markdown with intelligent summarization and categorization. Optionally creates beautiful HTML webpages0skills.sh installs
2georgekhananaev avatarsupabase-expertgeorgekhananaev/claude-skills-vaultProduction-grade Supabase expertise for commercial applications. Covers database design, RLS policies, authentication (SSO/SAML, MFA, SSR), Edge Functions, Real0skills.sh installs
3ghostsecurity avatarghost-scan-codeghostsecurity/skillsGhost Security - SAST code scanner. Finds security vulnerabilities in source code by planning and executing targeted scans for issues like SQL injection, XSS, B0skills.sh installs
4hoangnguyen0403 avatarpentesthoangnguyen0403/agent-skills-standardPTES-aligned adversarial security audit for backend, frontend, and mobile applications. Produces a CVSS-scored Hacker Report with verified PoCs and phased remed0skills.sh installs
5hoangsonww avatardebug-live-issuehoangsonww/claude-code-agent-monitorDebug production-like issues in this repository with disciplined evidence gathering. Use when fixing failing workflows, regressions, flaky behavior, or data inc0skills.sh installs
6hoangsonww avatarship-featurehoangsonww/claude-code-agent-monitorImplement a feature safely end-to-end in this repository. Use when adding or changing functionality across backend, frontend, or MCP with required verification 0skills.sh installs