Remotion Video Creation
If you're building programmatic videos with Remotion, this gives Claude the domain knowledge it needs to write correct code. It covers 29 specific areas including 3D with React Three Fiber, audio manipulation, caption rendering with TikTok-style word highlighting, chart animations, and scene transitions. The rules also include practical utilities from Mediabunny for tasks like extracting frames and getting video metadata. This is the kind of skill that saves you from constantly context-switching to docs when you're trying to sequence animations or figure out how to sync a Lottie file to your timeline. It won't teach you Remotion from scratch, but it makes Claude much better at the actual implementation details.
- skills.sh installs
- 6K
- GitHub stars
- 300.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add affaan-m/ecc --skill remotion-video-creation --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/affaan-m/ecc
- Categories
- Frontend Development, Generative Media
- First seen
- Jul 14, 2026
More from affaan-m/ecc
All 263- React Patterns5.9K
- Perl Security5.9K
- Kotlin Coroutines Flows5.9K
- React Performance5.9K
- Kotlin Patterns5.9K
- Architecture Decision Records5.9K
- Deployment Patterns5.8K
- React Testing5.8K
- Pytorch Patterns5.8K
- Hexagonal Architecture5.8K
- Flutter Dart Code Review5.8K
- Frontend A11y5.8K
- Error Handling5.8K
- Ui Demo5.8K
- Agentic Engineering5.8K
- Vite Patterns5.8K
- Bun Runtime5.8K
- Agent Architecture Audit5.8K
- Nodejs Keccak2565.8K
- Security Scan5.8K
- Cpp Testing5.8K
- Django Tdd5.8K
- Dashboard Builder5.7K
- Redis Patterns5.7K
Recommended
More Frontend Development
platform-custom-tab-generateforcedotcom/sf-skillsUse this skill when users need to create or configure Salesforce Custom Tabs. Trigger when users mention tabs, navigation tabs, object tabs, web tabs, Visualfor6Kskills.sh installs
fullstack-guardianjeffallan/claude-skillsBuilds security-focused full-stack web applications by implementing integrated frontend and backend components with layered security at every level. Covers the 5.9Kskills.sh installs
bencium-impact-designerbencium/bencium-marketplaceCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applicat5.9Kskills.sh installs
implement-designfigma/mcp-server-guideTranslates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", 5.9Kskills.sh installs
flutter-dart-code-reviewaffaan-m/eccLibrary-agnostic Flutter/Dart code review checklist covering widget best practices, state management patterns (BLoC, Riverpod, Provider, GetX, MobX, Signals), D5.8Kskills.sh installs
cx-telemetry-queryingcoralogix/cx-cliUse this skill for any question involving telemetry data: "investigate an issue", "debug a problem", "find out why something is slow", "check error rates", "ana5.8Kskills.sh installs