Render React Animations as Videos
Turning React animation code into shareable video requires a rendering pipeline. This skill submits Remotion components to inference.sh and returns rendered video output.
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/inferen-sh-remotion-render.md and its manifest at https://skillstore.io/api/skills/inferen-sh-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 title fade at 1920 by 1080 pixels and 30 frames per second.
Expected outcome:
A completed render with a video reference and the requested duration, dimensions, and frame rate.
Using "remotion-render". Animate a percentage from zero to 100 in a five-second square video.
Expected outcome:
Using "remotion-render". Render a title card using supplied title and subtitle props.
Expected outcome:
A reusable title-card video populated with the supplied text values.
Most external-command detections are Markdown formatting, code fences, or source examples and are false positives. Eight examples invoke external tooling, one image loads remotely, and the workflow sends supplied code and props to 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/inferen-sh-remotion-render/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/inferen-sh-remotion-render?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/inferen-sh-remotion-render?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/inferen-sh-remotion-render/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/inferen-sh-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>inferen-sh. (2026). remotion-render security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inferen-sh-remotion-render/audits/5@techreport{inferen-sh-inferen-sh-remotion-render-2026,
author = {inferen-sh},
title = {remotion-render security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/inferen-sh-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: "inferen-sh"
date-released: "2026-08-06"
url: "https://skillstore.io/skills/inferen-sh-remotion-render/audits/5"
identifiers:
- type: other
value: "skillstore:inferen-sh-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-08-21
infsh-skills-remotion-render
2026-08-21
toolshell-remotion-render
2026-08-21
skillssh-remotion-render
2026-08-21
inference-shell-remotion-render
2026-08-21
tul-sh-remotion-render
2026-08-21
halt-catch-fire-remotion-render
2026-08-21
inference-skills-remotion-render
2026-08-21
inferen-sh-remotion-render
2026-08-21
qu-skills-remotion-render
2026-08-21
inference-sh-skills-remotion-render
2026-08-21
101-skills-remotion-render
2026-08-21
inference-sh-8-remotion-render
2026-08-21
skills-shell-remotion-render
2026-08-21
inference-sh-6-remotion-render
2026-08-21
inference-sh-9-remotion-render
2026-08-21
inference-sh-7-remotion-render
2026-08-21
Render reusable product announcements from React components with configurable titles, colors, and timing.
Pass structured values into a component to generate consistent counters, reports, or metric animations.
Generate repeatable social and campaign videos from approved Remotion templates.
Create a three-second Remotion video with centered fade-in text. Use 1920 by 1080 pixels at 30 frames per second.
Create a Remotion component that receives title and percentage props. Animate the percentage from zero and render a five-second square video.
Render three timed scenes with Sequence, spring transitions, and consistent typography. Use 60 frames per second and provide progress updates.
Review this Remotion TSX for unsupported imports, secret values, timing errors, and layout issues. Then render with my approved dimensions, duration, and codec.
Author
inferen-shLicense
MIT
Skillstore revision
r2
Version notice
The author did not declare a version.
Ref
4121de961d1b6f2ffca856260e239505c302452c
Maintenance freshness
8/9/2026
Usage
6 downloads · 164 views
File structure
📄 SKILL.md
Create ElevenLabs Voiceovers
Producing natural narration often requires manual setup across voice, model, and format options. This skill helps Claude, Codex, and Claude Code run ElevenLabs TTS through the inference.sh CLI.
Generate Professional Images with Qwen Image Pro
Text-heavy image prompts often produce weak layouts and unreadable lettering. This skill guides Qwen-Image-2.0-Pro generation and editing through inference.sh.
Generate and Edit Images with Nano Banana 2
Creating polished images often requires separate tools for generation, editing, and current information. This skill provides one inference.sh workflow for all three tasks.
Create AI Videos with Inference.sh
Teams need fast access to many AI video models without learning every provider API. This skill gives Claude, Codex, and Claude Code concise inference.sh workflows.
Build Tool Lifecycle Interfaces for React
Agent applications need clear feedback for tool calls, approvals, and results. This skill provides React patterns for presenting each lifecycle state consistently.
Build React Chat Interfaces
Teams need chat interfaces that feel consistent with modern React applications. This skill provides reusable chat component patterns for React, Next.js, and shadcn-style projects.
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 React and Next.js Code
by vercel-labs
React and Next.js applications often lose performance through waterfalls, large bundles, and avoidable re-renders. This skill gives Claude, Codex, and Claude Code concrete review rules for faster frontend work.