📦
character-design-sheet
77创建一致的角色设计表
AI 图像生成器经常会在不同图像之间改变角色的面部、配色、服装和身体比例。此技能提供参考表、描述锚点、调色板和 LoRA 工作流，以获得更加一致的结果。
设计与创意 查看
技能 remotion-render
📦
remotion-render
内容修订 r1 中风险 ⚙️ 外部命令🌐 网络访问
将 React 动画渲染为视频
要将 React 动画代码转换为可分享的视频，需要配置渲染流水线。此技能会将 Remotion TSX 提交到 inference.sh，并返回渲染后的视频输出。
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "remotion-render" from https://skillstore.io/skills/101-skills-remotion-render.md and its manifest at https://skillstore.io/api/skills/101-skills-remotion-render/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“remotion-render”。 渲染一个方形加载计数器，在五秒内从零递增到一百。
预期结果:
一个 1080 × 1080 的视频，包含居中的百分比计数器、深色背景和 60 FPS 的时间设置，并返回视频位置。
正在使用“remotion-render”。 使用提供的标题和品牌颜色创建一个包含三个场景的产品公告。
预期结果:
- 一个包含定时场景和淡入淡出转场的可复用 Remotion 合成。
- 用于标题、副标题和颜色的 props。
- 云端处理完成后返回的渲染视频位置。
正在使用“remotion-render”。 使用弹簧动画渲染徽标入场效果。
预期结果:
一个两秒的视频，其中徽标使用配置的弹簧阻尼和刚度平滑缩放进入画面。
安全审计
中风险v5 • 2026/7/12 打开版本化报告
Eight findings confirm commands that authenticate, submit rendering jobs, or install remote skill packages. One network finding confirms a remote image request; remaining matches are Markdown syntax, source examples, or documentation links. The workflows also send TSX and props to inference.sh for cloud execution.
1
已扫描文件
213
分析行数
9
复核项
0
已忽略误报
已确认安全问题 (1)
中
Cloud Code and Data Transmission
The documented workflows submit user-authored TSX, props, and render settings to the infsh/remotion-render cloud application. Sensitive content could leave the local environment.
Both CLI and Python examples explicitly pass component code and render inputs to a named cloud application.
能力复核项 (9)
这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。
中
Ruby/shell backtick execution
> **Install the belt CLI skill:** `npx skills add belt-sh/cli`
Line 7 instructs users to run npx to download and install a remote skill package. This creates an external command and software supply-chain boundary.
中
Ruby/shell backtick execution
```bash
The fenced block runs belt login and submits TSX to the remote remotion-render application. These are intentional external commands with authentication and network effects.
中
Ruby/shell backtick execution
```bash
The fenced example invokes belt app run and sends a rendering request to an external application. This command has network and remote execution effects.
中
Ruby/shell backtick execution
```bash
The example invokes belt app run to submit an animated counter for remote rendering. This is a real external command.
中
Ruby/shell backtick execution
```bash
The example starts a belt app run command that submits code to the remote renderer. This is an intentional external command.
中
Ruby/shell backtick execution
```bash
The example invokes belt app run with component code and props for remote rendering. This is a real external command with network effects.
中
Ruby/shell backtick execution
```bash
The example invokes belt app run to submit a sequence animation to the cloud renderer. This is a real external command.
中
Ruby/shell backtick execution
```bash
The fenced block contains four npx skills add commands that download and install remote packages. These commands create software supply-chain exposure.
低
Hardcoded URL
SKILL.md:7 SKILL.md:17 SKILL.md:19-30 SKILL.md:30-37 SKILL.md:37-38 SKILL.md:38-39 SKILL.md:39-40 SKILL.md:40-41 SKILL.md:41-42 SKILL.md:42-43 SKILL.md:43-44 SKILL.md:44-48 SKILL.md:48 SKILL.md:50-66 SKILL.md:66-72 SKILL.md:72-80 SKILL.md:80-84 SKILL.md:84-92 SKILL.md:92-96 SKILL.md:96-98 SKILL.md:98-104 SKILL.md:104-108 SKILL.md:108-117 SKILL.md:117-121 SKILL.md:121-129 SKILL.md:129-133 SKILL.md:133-170 SKILL.md:170-174 SKILL.md:174-186 SKILL.md:186-190 SKILL.md:190-205
审计者: codex 查看审计历史 →
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/101-skills-remotion-render/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/101-skills-remotion-render?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/101-skills-remotion-render?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/101-skills-remotion-render/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/101-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>学术引用 (APA · BibTeX · CFF)
APA 引用
101-skills. (2026). remotion-render security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/101-skills-remotion-render/audits/5BibTeX 引用
@techreport{101-skills-101-skills-remotion-render-2026,
author = {101-skills},
title = {remotion-render security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/101-skills-remotion-render/audits/5},
note = {Author version unspecified}
}CITATION.cff
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: "101-skills"
date-released: "2026-07-12"
url: "https://skillstore.io/skills/101-skills-remotion-render/audits/5"
identifiers:
- type: other
value: "skillstore:101-skills-remotion-render:audit:5"
description: "Skillstore immutable audit report identifier"
比较变体
17 个可安装变体每位作者的技能都保持为独立的可安装项。推荐变体按 Skillstore 证据排序。
为什么此变体排名第一
Skillstore 评分最高
作者 / 来源 Skillstore 评分 证据置信度 Skillstore 使用量 已更新
remotion-dev 推荐
remotion-dev-remotion-render
Skillstore 评分 77
证据置信度 高
Skillstore 使用量 8
已更新
2026-09-09
inference-shell-remotion-render
Skillstore 评分 69
证据置信度 高
Skillstore 使用量 8
已更新
2026-09-09
halt-catch-fire-remotion-render
Skillstore 评分 50
证据置信度 高
Skillstore 使用量 13
已更新
2026-09-09
inference-skills-remotion-render
Skillstore 评分 50
证据置信度 高
Skillstore 使用量 10
已更新
2026-09-09
inference-sh-skills-remotion-render
Skillstore 评分 50
证据置信度 中
Skillstore 使用量 9
已更新
2026-09-09
inference-sh-8-remotion-render
Skillstore 评分 38
证据置信度 中
Skillstore 使用量 10
已更新
2026-09-09
inference-sh-6-remotion-render
Skillstore 评分 38
证据置信度 中
Skillstore 使用量 9
已更新
2026-09-09
inference-sh-9-remotion-render
Skillstore 评分 38
证据置信度 中
Skillstore 使用量 7
已更新
2026-09-09
inference-sh-7-remotion-render
Skillstore 评分 38
证据置信度 中
Skillstore 使用量 7
已更新
2026-09-09
Skillstore 评分
评分依据 证据置信度: 中 55
架构
85
可维护性
87
内容
65
社区
83
规范符合性
你能构建什么
创建产品动态图形
通过可复用的 React 组件渲染品牌化标题、计数器和转场效果。
生成数据驱动视频
通过 props 传入不断变化的值，以生成可重复制作的报告或社交媒体短片。
制作 Remotion 动画原型
无需配置本地渲染器，即可测试时间安排、插值、序列和弹簧动画。
试试这些提示
渲染简单文本
创建一个三秒的 Remotion 视频，展示 [text] 淡入到 [background color] 背景上。以 [width] × [height] 和 [fps] FPS 进行渲染。
为提供的数据添加动画
使用 [data values] 和 [brand colors] 构建一个 Remotion 计数器。将这些值作为 props 传入，并渲染一个时长为 [duration] 秒的视频。
编排品牌短片
创建一个 Remotion 合成，其中包含 [scene count] 个定时场景、[transition style] 和 [media assets]。使用提供的品牌规范和渲染设置。
设计参数化视频系统
为 [campaign] 设计一个可复用的 Remotion 组件。验证 [input fields]，依次编排 [content stages]，以流式方式传输渲染进度，并为 [formats] 生成多个版本。
最佳实践
- 明确定义组件输入，并通过 props 传入变化的内容。
- 在调整动画时间之前，先确定帧率、时长和尺寸。
- 提交任何云端渲染请求之前，请检查代码并移除机密信息。
避免
- 不要在 TSX 或 props 中包含凭据、私有 URL 或机密数据。
- 不要在未审查来源和发布者的情况下安装未固定版本的远程技能。
- 不要假定渲染期间可以使用远程资源或不受支持的软件包。
常见问题
渲染器需要什么输入？
它需要默认导出 React 组件的 TSX 代码。其他渲染设置均为可选。
我可以使用哪些动画 API？
文档列出了 React 和常用的 Remotion API，包括 spring、interpolate、Sequence、Audio、Video 和 Img。
我可以传入动态内容吗？
可以。提供一个 props 对象，即可在导出的组件中接收这些值。
渲染会在本地进行吗？
不会。示例会将代码和设置提交到 inference.sh 云端应用程序。
需要完成哪些设置？
安装 belt CLI 或 Python SDK，使用 inference.sh 进行身份验证，并保持网络连接。
我可以监控耗时较长的渲染任务吗？
可以。Python SDK 示例会以流式方式传输进度更新，并在视频可用时报告其位置。
开发者详情
作者
101-skills许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
d71c7417a35d5c2624161bd2fe8de8a41a362128
维护新鲜度
2026/7/18
使用量
3 次下载 · 0 次浏览
文件结构
📄 SKILL.md
101-skills 的更多技能
查看全部📦
video-ad-specs
77创建符合平台要求的视频广告
不同平台的视频广告要求各不相同，容易导致代价高昂的格式和创意错误。此技能提供规格、分镜时间结构、字幕指导和制作提示词。
设计与创意 查看
📦
product-hunt-launch
77策划一次出色的 Product Hunt 发布
在 Product Hunt 上发布产品需要协调文案、视觉素材、发布时间和互动。此技能可将产品详情转化为结构化的发布准备与发布日计划。
效率 查看
📦
agent-browser
74使用 agent-browser 自动执行浏览器任务
浏览器任务可能需要大量重复的导航和表单操作步骤。此技能通过基于 belt 的浏览器会话、元素引用和证据采集，指导 Claude、Codex 和 Claude Code 完成这些任务。
效率 查看
📦
youtube-thumbnail-design
50设计高影响力的 YouTube 缩略图
在信息密集的 YouTube 信息流中，尺寸小且杂乱的缩略图难以吸引注意力。此技能提供实用的设计规则和图像提示词，帮助创建清晰且适合移动端的创意方案。
设计与创意 查看
📦
competitor-teardown
50通过结构化拆解分析竞争对手
分散的竞争对手数据会导致产品决策缓慢且缺乏一致性。此技能可将研究整理为矩阵、定价比较、SWOT 分析、定位图和报告。
研究与学习 查看
相关技能
查看全部📦
senior-fullstack
82在资深指导下构建全栈应用
由 alirezarezvani
全栈项目通常需要一致的设置、架构选择和质量检查。此技能为 React、Next.js、Node.js、GraphQL 和 PostgreSQL 工作提供脚本与参考资料。
编码与开发 查看
📦
vercel-react-view-transitions
82实现 React View Transitions
由 vercel-labs
React 视图过渡很容易放错位置，从而导致无提示或嘈杂的动画。此技能可指导路由、Suspense、列表和共享元素动画的选择。
编码与开发 查看
📦
react-dev
82构建类型安全的 React 组件
由 softaworks
React TypeScript 工作通常需要精确的事件、hook 和路由类型。此技能提供针对类型化组件、React 19 API 和路由的聚焦模式。
编码与开发 查看
📦
senior-frontend
81构建可用于生产的前端功能
由 davila7
前端团队需要在各项目中获得一致的 React 和 Next.js 指导。此技能提供用于前端分析的参考工作流、质量实践和辅助脚本。
编码与开发 查看
📦
material-component-doc
81创建 FlowGram 组件文档
由 bytedance
FlowGram 物料组件需要一致的文档、可运行的 Story 示例、API 表格以及双语审查步骤。此技能为 Claude、Codex 和 Claude Code 提供了一个结构化工作流，用于生成这些资产。
文档 查看
📦
nextjs-optimization
80优化 Next.js 性能
由 Atman36
Next.js 应用可能会因为大型 bundle、薄弱的缓存和未优化的媒体而变慢。此技能会指导 Claude、Codex 和 Claude Code 对生产应用进行有针对性的性能改进。
编码与开发 查看