{"id":"d03754c7-9506-412e-8d3e-e14eb5d51976","entityType":"agent","slug":"shreefentsar-remotion-video-toolkit","name":"remotion-video-toolkit","canonicalUrl":"https://www.xpersona.co/agent/shreefentsar-remotion-video-toolkit","canonicalPath":"/agent/shreefentsar-remotion-video-toolkit","generatedAt":"2026-10-09T04:43:40.142Z","source":"GITHUB_OPENCLEW","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-04-15T05:21:22.124Z","emptyReason":null},"description":"Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. --- name: remotion-video-toolkit description: Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. --- Remotion Video Toolkit Write React components, get","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 10 GitHub stars reported by the source. Last updated 4/15/2026.","installCommand":"git clone https://github.com/shreefentsar/remotion-video-toolkit.git","sourceUrl":"https://github.com/shreefentsar/remotion-video-toolkit","homepage":null,"primaryLinks":[{"label":"View Source","url":"https://github.com/shreefentsar/remotion-video-toolkit","kind":"source"}],"safetyScore":100,"overallRank":36.2,"popularityScore":26,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, chart"},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-04-15T05:21:22.124Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[{"label":"build","status":"self-declared"}],"verifiedCount":0,"selfDeclaredCount":2,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"},{"key":"build","type":"capability","support":"supported","confidenceSource":"profile","notes":"Declared in agent profile metadata"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile capability:build|supported|profile"}},"adoption":{"evidence":{"source":"GITHUB OPENCLEW","verified":false,"confidence":"medium","updatedAt":"2026-04-15T05:21:22.124Z","emptyReason":null},"stars":10,"forks":0,"downloads":null,"packageName":null,"latestVersion":null,"tractionLabel":"10 GitHub stars"},"release":{"evidence":{"source":"agent-index","verified":false,"confidence":"medium","updatedAt":"2026-04-15T03:13:30.000Z","emptyReason":null},"lastUpdatedAt":"2026-04-15T05:21:22.124Z","lastCrawledAt":"2026-04-15T03:13:30.000Z","lastIndexedAt":null,"nextCrawlAt":"2026-04-16T03:13:30.000Z","lastVerifiedAt":null,"highlights":[]},"execution":{"evidence":{"source":"GITHUB OPENCLEW","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"git clone https://github.com/shreefentsar/remotion-video-toolkit.git","setupComplexity":"low","setupSteps":["Setup complexity is LOW. This package is likely designed for quick installation with minimal external side-effects.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"GITHUB_OPENCLEW","generatedAt":"2026-10-09T04:43:40.142Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/shreefentsar-remotion-video-toolkit/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"GITHUB OPENCLEW","verified":false,"confidence":"high","updatedAt":"2026-04-15T05:21:22.124Z","emptyReason":null},"readme":"---\nname: remotion-video-toolkit\ndescription: Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.\n---\n\n# Remotion Video Toolkit\n\nWrite React components, get real MP4 videos. This skill teaches your AI agent how to build with Remotion — from a first animation to a production rendering pipeline.\n\n29 rules. Every major Remotion feature covered.\n\n---\n\n## What you can build with this\n\n**Personalized video at scale**\nFeed user data as JSON props, render a unique video per user. Think Spotify Wrapped, GitHub Unwrapped, onboarding walkthroughs — one template, thousands of outputs.\n\n**Automated social media clips**\nPull live data (stats, leaderboards, product metrics) and render daily or weekly video posts without anyone touching a timeline editor.\n\n**Dynamic ads and marketing videos**\nSwap in customer name, product image, pricing. Same template, infinite variations. Render server-side via API or Lambda.\n\n**Animated data visualizations**\nTurn dashboards and KPI reports into shareable video clips with animated charts and transitions.\n\n**TikTok and Reels captions**\nTranscribe audio, display word-by-word highlighted subtitles, export ready for upload.\n\n**Product showcase videos**\nAuto-generate from your database — images, specs, pricing — straight to MP4.\n\n**Educational and explainer content**\nAnimated course materials, certificate videos, step-by-step walkthroughs — all driven by code.\n\n**Video generation as a service**\nExpose rendering as an HTTP endpoint. Your app sends JSON, gets back a video file.\n\n---\n\n## Requirements\n\n- **Node.js** 18+\n- **React** 18+ (Remotion renders React components frame-by-frame)\n- **Remotion** — scaffold with `npx create-video@latest`\n- **FFmpeg** — ships with `@remotion/renderer`, no separate install needed\n- For serverless rendering: **AWS** account (Lambda) or **GCP** account (Cloud Run)\n\n---\n\n## What's inside\n\n### Core\n\n| Rule | Description |\n|------|-------------|\n| [Compositions](rules/compositions.md) | Define videos, stills, folders, default props, dynamic metadata |\n| [Rendering](rules/rendering.md) | CLI, Node.js API, AWS Lambda, Cloud Run, Express server patterns |\n| [Calculate metadata](rules/calculate-metadata.md) | Set duration, dimensions, and props dynamically at render time |\n\n### Animation and timing\n\n| Rule | Description |\n|------|-------------|\n| [Animations](rules/animations.md) | Fade, scale, rotate, slide |\n| [Timing](rules/timing.md) | Interpolation curves, easing, spring physics |\n| [Sequencing](rules/sequencing.md) | Delay, chain, and orchestrate scenes |\n| [Transitions](rules/transitions.md) | Scene-to-scene transitions |\n| [Trimming](rules/trimming.md) | Cut the start or end of any animation |\n\n### Text and typography\n\n| Rule | Description |\n|------|-------------|\n| [Text animations](rules/text-animations.md) | Typewriter, word highlight, reveal effects |\n| [Fonts](rules/fonts.md) | Google Fonts and local font loading |\n| [Measuring text](rules/measuring-text.md) | Fit text to containers, detect overflow |\n\n### Media\n\n| Rule | Description |\n|------|-------------|\n| [Videos](rules/videos.md) | Embed, trim, speed, volume, loop, pitch shift |\n| [Audio](rules/audio.md) | Import, trim, fade, volume and speed control |\n| [Images](rules/images.md) | The Img component |\n| [GIFs](rules/gifs.md) | Timeline-synced GIF playback |\n| [Assets](rules/assets.md) | Importing any media into compositions |\n| [Decode check](rules/can-decode.md) | Validate browser compatibility |\n\n### Captions and subtitles\n\n| Rule | Description |\n|------|-------------|\n| [Transcribe captions](rules/transcribe-captions.md) | Audio to captions via Whisper, Deepgram, or AssemblyAI |\n| [Display captions](rules/display-captions.md) | TikTok-style word-by-word highlighting |\n| [Import SRT](rules/import-srt-captions.md) | Load existing .srt files |\n\n### Data visualization\n\n| Rule | Description |\n|------|-------------|\n| [Charts](rules/charts.md) | Animated bar charts, line graphs, data-driven visuals |\n\n### Advanced\n\n| Rule | Description |\n|------|-------------|\n| [3D content](rules/3d.md) | Three.js and React Three Fiber |\n| [Lottie](rules/lottie.md) | After Effects animations via Lottie |\n| [TailwindCSS](rules/tailwind.md) | Style compositions with Tailwind |\n| [DOM measurement](rules/measuring-dom-nodes.md) | Measure element dimensions at render time |\n\n### Media utilities\n\n| Rule | Description |\n|------|-------------|\n| [Video duration](rules/get-video-duration.md) | Get length in seconds |\n| [Video dimensions](rules/get-video-dimensions.md) | Get width and height |\n| [Audio duration](rules/get-audio-duration.md) | Get audio length |\n| [Extract frames](rules/extract-frames.md) | Pull frames at specific timestamps |\n\n---\n\n## Quick start\n\n```bash\n# Scaffold a project\nnpx create-video@latest my-video\n\n# Preview in browser\ncd my-video && npm start\n\n# Render to MP4\nnpx remotion render src/index.ts MyComposition out/video.mp4\n\n# Pass dynamic data\nnpx remotion render src/index.ts MyComposition out.mp4 --props '{\"title\": \"Hello\"}'\n```\n\n---\n\n## Contribute\n\n**Source:** [github.com/shreefentsar/remotion-video-toolkit](https://github.com/shreefentsar/remotion-video-toolkit)\n\nMissing something? Found a better approach? Open a PR — new rules, improved examples, bug fixes all welcome.\n\nBuilt by [Zone 99](https://99.zone)\n","readmeExcerpt":"--- name: remotion-video-toolkit description: Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. --- Remotion Video Toolkit Write React components, get","codeSnippets":[],"executableExamples":[{"language":"bash","snippet":"# Scaffold a project\nnpx create-video@latest my-video\n\n# Preview in browser\ncd my-video && npm start\n\n# Render to MP4\nnpx remotion render src/index.ts MyComposition out/video.mp4\n\n# Pass dynamic data\nnpx remotion render src/index.ts MyComposition out.mp4 --props '{\"title\": \"Hello\"}'"}],"parameters":{},"dependencies":[],"permissions":[],"extractedFiles":[],"languages":["typescript"],"docsSourceLabel":"GITHUB OPENCLEW","editorialOverview":"Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. --- name: remotion-video-toolkit description: Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. --- Remotion Video Toolkit Write React components, get","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":408,"uniquenessScore":60,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-04-15T05:21:22.124Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-04-15T05:21:22.124Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-09T04:43:40.142Z","emptyReason":null},"items":[{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-10T18:48:31.762Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/github_openclew","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}