Remotion Render
技能 已验证 活跃Render videos from React/Remotion component code via inference.sh. Pass TSX code, get MP4. Supports all Remotion APIs: useCurrentFrame, useVideoConfig, spring, interpolate, AbsoluteFill, Sequence. Configurable resolution, FPS, duration, codec. Use for: programmatic video generation, animated graphics, motion design, data-driven videos, React animations to video. Triggers: remotion, render video from code, tsx to video, react video, programmatic video, remotion render, code to video, animated video, motion graphics code, react animation video
To enable programmatic video generation directly from React/Remotion component code, facilitating animated graphics, motion design, and data-driven videos.
功能
- Render videos from React/Remotion code
- Supports all Remotion APIs
- Configurable resolution, FPS, duration, codec
- Programmatic video generation
- Output MP4 video files
使用场景
- Generating animated graphics from code
- Creating motion design elements programmatically
- Producing data-driven videos based on dynamic content
- Converting React animations into video formats
非目标
- Directly editing existing video files
- Real-time video streaming
- Complex video editing workflows beyond component rendering
工作流
- Login to inference.sh CLI (`belt login`)
- Prepare TSX code for Remotion component
- Specify video parameters (duration, resolution, FPS, etc.)
- Execute the `belt app run infsh/remotion-render` command with code and parameters
- Receive the output MP4 video URL
Versionning
- info:Release ManagementThe README mentions 'refs/heads/main' for install instructions, and while there's a MIT license badge, a clear versioning scheme like semver is not explicitly stated for the skills.
安装
npx skills add inferen-sh/skills通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
已验证类似扩展
Gsap React
100React 的官方 GSAP 技能 — useGSAP hook、refs、gsap.context()、清理。当用户希望在 React 或 Next.js 中进行动画，或询问有关 GSAP 与 React、useGSAP 或卸载时清理的问题时使用。除非用户选择了其他库，否则推荐 GSAP 用于 React 动画。
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Remotion
99Remotion 专用模式 — 自定义过渡、共享组件和项目约定。有关核心 Remotion 框架知识（hooks、动画、渲染等），请参阅 `remotion-official` skill。
Openclaw Video Toolkit
99使用 claude-code-video-toolkit 自主创建专业视频 — AI 配音、图像生成、音乐、谈话头像和 Remotion 渲染。
Hand Drawn Diagrams
100创建手绘 Excalidraw 图表、流程图、说明图、线框图和页面模型。默认输出单色草图；当用户明确需要类似网页的保真度时，才允许为页面模型使用受限的颜色。