Render React Animations as Videos
Creating polished video from React animation code requires a reliable rendering workflow. This skill sends Remotion TSX to inference.sh and returns a rendered video.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "remotion-render" from https://skillstore.io/skills/infsh-skills-remotion-render.md and its manifest at https://skillstore.io/api/skills/infsh-skills-remotion-render/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "remotion-render". Render a three-second fade-in title at 1920x1080 and 30 FPS.
Expected outcome:
A remote render request is prepared with the title animation, requested dimensions, frame rate, and duration. The completed response identifies the video output.
Using "remotion-render". Create a square animated counter that reaches 100 percent in five seconds.
Expected outcome:
Using "remotion-render". Stream progress for a ten-second video created through the Python SDK.
Expected outcome:
The workflow reports rendering progress as updates arrive, then presents the final video reference when the service completes processing.
Most static findings are Markdown formatting or documentation links, not shell execution or unauthorized network activity. Unpinned skill installation commands create supply-chain exposure, and submitted code and props are processed by inference.sh.
These are real local capabilities that may be expected for this skill, so they require review but are not counted as confirmed malicious behavior.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/infsh-skills-remotion-render/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/infsh-skills-remotion-render?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/infsh-skills-remotion-render?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/infsh-skills-remotion-render/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/infsh-skills-remotion-render.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>infsh-skills. (2026). remotion-render security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/infsh-skills-remotion-render/audits/5@techreport{infsh-skills-infsh-skills-remotion-render-2026,
author = {infsh-skills},
title = {remotion-render security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/infsh-skills-remotion-render/audits/5},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "remotion-render security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "infsh-skills"
date-released: "2026-08-06"
url: "https://skillstore.io/skills/infsh-skills-remotion-render/audits/5"
identifiers:
- type: other
value: "skillstore:infsh-skills-remotion-render:audit:5"
description: "Skillstore immutable audit report identifier"
Each author remains a separate installable skill. The recommended variant is ranked by Skillstore evidence.
Why this variant is first
remotion-dev-remotion-render
2026-09-09
infsh-skills-remotion-render
2026-09-09
toolshell-remotion-render
2026-09-09
skillssh-remotion-render
2026-09-09
inference-shell-remotion-render
2026-09-09
tul-sh-remotion-render
2026-09-09
halt-catch-fire-remotion-render
2026-09-09
inference-skills-remotion-render
2026-09-09
inferen-sh-remotion-render
2026-09-09
qu-skills-remotion-render
2026-09-09
inference-sh-skills-remotion-render
2026-09-09
101-skills-remotion-render
2026-09-09
inference-sh-8-remotion-render
2026-09-09
inference-sh-6-remotion-render
2026-09-09
skills-shell-remotion-render
2026-09-09
inference-sh-9-remotion-render
2026-09-09
inference-sh-7-remotion-render
2026-09-09
Convert a React animation concept into a configured Remotion render for product demos or release clips.
Render timed text, counters, sequences, and spring animations at a chosen aspect ratio and frame rate.
Pass structured props into reusable components and monitor longer renders through streamed progress updates.
Create a three-second Remotion title animation with a dark background, white text, 1920x1080 resolution, and 30 FPS. Render it through inference.sh.
Build a Remotion component that accepts title and subtitle props. Fade both elements in, then render a five-second square video.
Create three timed Remotion scenes using Sequence and interpolate. Configure clean transitions, 60 FPS, and a ten-second duration.
Prepare a Python SDK workflow for a parameterized Remotion component. Include validation, render settings, streamed progress handling, and final video output reporting.
Author
infsh-skillsLicense
MIT
Skillstore revision
r2
Version notice
The author did not declare a version.
Ref
4121de961d1b6f2ffca856260e239505c302452c
Maintenance freshness
8/7/2026
Usage
4 downloads · 101 views
File structure
📄 SKILL.md
Create AI Avatar and Talking Head Videos
Producing presenter videos requires coordinated image, speech, and lip sync tools. This skill builds inference.sh workflows for avatars, localization, and batch content.
Generate and Edit Images with AI
Choosing and invoking image models can require repeated CLI research. This skill provides model guidance and ready workflows for generation, editing, upscaling, and stitching.
Search and Extract Web Content with Tavily and Exa
Finding current information and extracting useful page content often requires separate tools. This skill provides documented Tavily and Exa workflows through the belt CLI.
Run Python Tasks in a Remote Sandbox
Local environments may lack libraries or isolation for short Python tasks. This skill submits code to inference.sh and returns console or file outputs.
Create AI Videos with Inference Models
Choosing and invoking video models can require extensive platform knowledge. This skill provides model guidance and adaptable belt CLI workflows.
Automate Twitter and X Account Actions
Managing routine X actions across separate tools takes time and creates inconsistent workflows. This skill provides focused CLI commands for publishing, engagement, messaging, and retrieval.
Build Fullstack Apps With Senior Guidance
by alirezarezvani
Fullstack projects often need consistent setup, architecture choices, and quality checks. This skill provides scripts and references for React, Next.js, Node.js, GraphQL, and PostgreSQL work.
Build Type-Safe React Components
by softaworks
React TypeScript work often needs precise event, hook, and route types. This skill provides focused patterns for typed components, React 19 APIs, and routing.
Implement React View Transitions
by vercel-labs
React view transitions are easy to misplace, causing silent or noisy animations. This skill guides route, Suspense, list, and shared element animation choices.
Build Frontend Apps Faster
by davila7
Frontend work often needs consistent React patterns, performance checks, and project scaffolding. This skill gives Claude and compatible agents practical guidance and local helper scripts for modern web application development.
Create FlowGram Component Docs
by bytedance
FlowGram material components need consistent docs, runnable Story examples, API tables, and bilingual review steps. This skill gives Claude, Codex, and Claude Code a structured workflow for producing those assets.
Optimize Next.js Performance
by Atman36
Next.js applications can become slow through large bundles, weak caching, and unoptimized media. This skill guides Claude, Codex, and Claude Code through focused performance improvements for production apps.