技能 remotion-markup

📦

remotion-markup

Name: remotion-markup
Author: remotion-dev

内容修订 r1 高风险 ⚙️ 外部命令🌐 网络访问📁 文件系统访问🔑 环境变量

Build polished Remotion video markup

Building video compositions can require many React, timing, and media decisions. This skill provides focused Remotion patterns for creating maintainable video markup.

支持: Claude Codex Code(CC)

⚠️ 38 差

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。

智能体请求

Review the Skillstore skill "remotion-markup" from https://skillstore.io/skills/remotion-dev-remotion-markup.md and its manifest at https://skillstore.io/api/skills/remotion-dev-remotion-markup/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/remotion-dev-remotion-markup.md 已签名 manifest GET /api/skills/remotion-dev-remotion-markup/manifest 已签名 lockfile GET /api/skills/remotion-dev-remotion-markup/lockfile

测试它

正在使用“remotion-markup”。 Create a title card that appears during the first second.

预期结果:

A composition outline with a full-frame title card.
Frame-based opacity and scale timing guidance.
Suggested accessibility and layout checks.

正在使用“remotion-markup”。 Make my composition match the duration of an audio file.

预期结果:

A calculateMetadata approach for measuring audio duration.
A frame-duration calculation using the selected FPS.
A note to validate asset locations before rendering.

正在使用“remotion-markup”。 Add a MapLibre map background.

预期结果:

A map composition structure using a reviewed style source.
Guidance for deterministic map rendering.
Notes about network access and asset ownership.

安全审计

高风险

v1 • 2026/7/20 打开版本化报告

Most static detections are false positives caused by Markdown fences, JavaScript template literals, relative documentation links, and public example URLs. One example fetches an unvalidated caller-provided URL, which can enable server-side request forgery in server rendering contexts. The voiceover example also constructs an output path from unvalidated identifiers.

已扫描文件

4,145

分析行数

复核项

已忽略误报

已确认安全问题 (1)

高

voiceover.md:26 voiceover.md:53

Unvalidated identifiers in generated audio path

The voiceover example writes a file path built from compositionId and scene.id without showing validation. If those values are untrusted, path segments can escape the intended public/voiceover directory and overwrite files available to the process.

The documentation explicitly states that the script reads scene config and then interpolates two identifiers into writeFileSync. Exploitability depends on whether callers control those identifiers, but no path normalization or allowlist is shown.

能力复核项 (1)

这些是真实的本地能力，对此技能可能是预期行为，因此需要复核，但不会按已确认恶意行为计分。

低

calculate-metadata.md:112

Fetch API call

const response = await fetch(props.dataUrl, { signal: abortSignal });

The example fetches the caller-controlled props.dataUrl without validation. In a server-side render workflow, an untrusted URL could reach internal network services.

风险因素

⚙️ 外部命令 (50)

🌐 网络访问 (25)

📁 文件系统访问 (9)

calculate-metadata.md:29 calculate-metadata.md:48 silence-detection.md:19 silence-detection.md:31 SKILL.md:9 SKILL.md:193 text-highlights.md:56 voiceover.md:53 voiceover.md:58

🔑 环境变量 (10)

mapbox.md:59 mapbox.md:76 mapbox.md:152 mapbox.md:59 mapbox.md:76 mapbox.md:152 voiceover.md:36 voiceover.md:36 voiceover.md:14 voiceover.md:36

审计者: claude

分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告

复制报告链接

https://skillstore.io/skills/remotion-dev-remotion-markup/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

[![Skillstore security assessment](https://skillstore.io/badges/skills/remotion-dev-remotion-markup/security.svg)](https://skillstore.io/skills/remotion-dev-remotion-markup?utm_source=security_passport_badge)

HTML 徽章

<a href="https://skillstore.io/skills/remotion-dev-remotion-markup?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/remotion-dev-remotion-markup/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/remotion-dev-remotion-markup.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 引用

remotion-dev. (2026). remotion-markup security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/remotion-dev-remotion-markup/audits/1

BibTeX 引用

@techreport{remotion-dev-remotion-dev-remotion-markup-2026,
  author = {remotion-dev},
  title = {remotion-markup security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/remotion-dev-remotion-markup/audits/1},
  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-markup security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "remotion-dev"
date-released: "2026-07-20"
url: "https://skillstore.io/skills/remotion-dev-remotion-markup/audits/1"
identifiers:
  - type: other
    value: "skillstore:remotion-dev-remotion-markup:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore 评分

评分依据证据置信度: 中

架构

可维护性

内容

社区

规范符合性

你能构建什么

Create a product video

Build a React composition with animated text, images, audio, and scene timing.

Edit a video timeline

Trim clips, sequence scenes, and calculate duration for a multi-part composition.

Add narrated explainers

Generate scene audio with an approved TTS provider and match composition length to audio.

试试这些提示

Start a composition

Create a simple Remotion composition with a title, background color, and fade-in animation.

Add media assets

Add an image sequence and background audio to my Remotion composition. Use local public assets and explain the timing.

Build a scene timeline

Help me sequence three video scenes with trims, overlaps, and a transition at 30 frames per second.

Design dynamic metadata

Design a calculateMetadata function for my Remotion composition. Validate external URLs and keep all fetched data within approved limits.

最佳实践

Use local or approved media assets when rendering production videos.
Keep timing calculations in frames and define the composition FPS clearly.
Validate external URLs and dynamic asset identifiers before server-side rendering.

避免

Do not place unvalidated user identifiers directly into output file paths.
Do not fetch arbitrary user-provided URLs from a rendering server.
Do not depend on remote media without considering availability, licensing, and caching.