Remotion Animation
This generates animation parameter documents for Remotion, not component code. You feed it natural language ("smooth bounce for logo, scale 0.8 to 1.0") or motion specs, and it outputs a structured markdown file with spring configs (damping, stiffness, mass), interpolation mappings, timing constants, and easing functions. The output is pure configuration meant to live in a constants file that your components import. It's opinionated about separation of concerns: animation parameters here, component implementation elsewhere. Useful when you're prototyping motion design and want to define all your spring behaviors and timing in one place before writing any React code. The example configs are practical (smooth, snappy, bouncy, gentle) rather than mathematical abstractions.
- skills.sh installs
- 452
- GitHub stars
- 54
- last updated
- Aug 21, 2026
Install
$ npx -y skills add ncklrs/startup-os-skills --skill remotion-animation --agent claude-codeInstalls into .claude/skills of the current project.
Files
Remotion Animation
Generates animation configuration documents that define spring behaviors, interpolation mappings, easing curves, and timing constants for Remotion videos. This skill focuses exclusively on animation parameters and does NOT generate component code.
What This Skill Does
Generates animation configurations for:
- Spring configs — Damping, stiffness, mass parameters for spring animations
- Interpolation mappings — Input/output ranges for value transformations
- Easing functions — Timing function configurations
- Animation timing — Stagger delays, durations, transition points
- Progress calculations — Frame-based animation progress logic
Scope Boundaries
IN SCOPE:
- Spring configuration parameters
- Interpolation input/output ranges
- Easing curve definitions
- Animation timing constants
- Progress calculation patterns
OUT OF SCOPE:
- Component implementation (use
/remotion-component-gen) - Scene layout (use
/remotion-composition) - Visual styling (colors, fonts, layout)
- Asset management (use
/remotion-asset-coordinator)
Input/Output Formats
Input Format: Animation Requirements
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/ncklrs/startup-os-skills
- Categories
- Frontend Development, Java & JVM, Design & UI/UX, Generative Media
- First seen
- Jun 3, 2026
More from ncklrs/startup-os-skills
All 25- Seo Content Strategist351
- Sales Leader333
- Gtm Copywriter330
- Sales Strategist330
- Marketing Strategist329
- Sales Negotiator283
- Growth Product Manager272
- Product Leader262
- Product Manager255
- Sales Ops Analyst245
- Remotion Video Reviewer244
- Demo Specialist229
- Customer Lifecycle Marketer225
- Gtm Leader225
- Product Strategist225
- Senior Product Marketer224
- Performance Marketer222
- Pricing Strategist214
- Product Analyst201
- Discovery Caller197
- Motion Designer629
- Proposal Writer600
- Website Copy Specialist568
- Vsl Storyboard Writer489
Recommended
More Frontend Development
verify-email-snapshotsaaronontheweb/dotnet-skillsSnapshot test email templates using Verify to catch regressions. Validates rendered HTML output matches approved baseline. Works with MJML templates and any ema436skills.sh installs
bun-sveltekitsecondsky/claude-skillsUse when building or running SvelteKit apps on Bun, including SSR, adapters, and Bun-specific APIs436skills.sh installs
auth0-spa-jsauth0/agent-skillsUse when adding Auth0 login or token management to a Vanilla JS, Svelte, or framework-agnostic SPA. Integrates @auth0/auth0-spa-js — use when there is no framew434skills.sh installs
typescriptdalestudy/skillsTypeScript 타입 정의 및 베스트 프랙티스 스킬. 다음 상황에서 사용: (1) TypeScript 파일(.ts, .tsx) 작성 또는 수정 시, (2) 타입 정의(interface, type) 작업 시, (3) tsconfig.json 설정 또는 컴파일러 옵션 조정 시, (4) 431skills.sh installs
doclingexistential-birds/beagleDocling document parser for PDF, DOCX, PPTX, HTML, images, and 15+ formats. Use when parsing documents, extracting text, converting to Markdown/HTML/JSON, chunk431skills.sh installs
taurihairyf/skillsCross-platform app toolkit with Rust backend and WebView frontend. Use when building or maintaining Tauri apps, configuring IPC/security, or developing plugins.431skills.sh installs