skills README

The project's README from github.com/remotion-dev/skills. As one markdown file: README.md.

Remotion Agent Skills

Remotion maintains a list of Agent Skills that define best practices for working in Remotion projects.

These skills are useful for AI agents like Claude Code, Codex, Kimi Code or Cursor.

You can install them by running:

npx skills add remotion-dev/skills

You are also offered the option to add skills when you create a new Remotion project:

bun create video

For more information, see the Remotion Agent Skills documentation.

Available skills

/remotion-best-practices

This skill encompasses all other skills.

Use it if you are not sure which specific skill to use.

/remotion-create

Create a new Remotion project or composition.

Example prompt: /remotion-create Make a promo video for a record store

/remotion-markup

Best practices for writing Remotion React markup.

Use this for knowledge about compositions, animations, layout, typography, media elements, effects, audio, fonts, timing.

Example prompt: /remotion-markup Create an animated title card using Inter.

/remotion-studio

Launch the Studio to see a preview of your video.

Example prompt: /remotion-studio

/remotion-render

Invoke a render into a video or a still.

Example prompt: /remotion-render

/remotion-maps

Best practices for creating map animations in Remotion.

Use this for static maps, animated routes and markers, geographic explainers, Mapbox, MapLibre, MapTiler, GeoJSON, and 3D geographic flyovers with CesiumJS.

Example prompt: /remotion-maps Animate a route from Los Angeles to New York and make the camera follow it.

/remotion-captions

Guidance for captions and subtitles.

/remotion-saas

Architecture guidance for Remotion-powered apps and product integrations.

Example prompt: /remotion-saas Turn my video into a SaaS.

/remotion-interactivity

Guidance for making Remotion code editable in Studio.

Use this when elements are not selectable or editable as you would like them to be.

/remotion-docs

Search the Remotion documentation and fetch any page as Markdown.

Use this to look up current API references, component props, and package guides before implementing.

Example prompt: /remotion-docs How to set up Remotion Lambda?

/remotion-upgrade

Upgrade Remotion, related packages, compatible Mediabunny packages, and installed Remotion Agent Skills.

Example prompt: /remotion-upgrade

/remotion-multimedia

Guidance for browser-based multimedia handling with Mediabunny.

Use this for advice on how to get video and audio metadata.

skills (remotion-dev/skills)

Searching Database…

5.3K ·GitHub
Skills
这是什么？Remotion Agent Skills 是一组 Agent Skills，教 AI 编码代理（如 Claude Code、Codex 或 Cursor）使用 Remotion 框架构建视频项目的最佳实践。
这是一个应用，还是给 AI 代理看的说明？它不是独立应用——而是一组技能文件，AI 编码代理将其作为斜杠命令（如 /remotion-create 或 /remotion-render）加载，以遵循 Remotion 专属的最佳实践。
怎么把这些技能加到项目里？可以运行 README 中的安装命令来安装，或者在创建新 Remotion 项目脚手架时直接选择添加技能。
哪些编码代理能使用这些技能？这些技能是为 Claude Code、Codex、Kimi Code 和 Cursor 设计的。
技能这么多，代理怎么知道该用哪个？如果代理不确定该用哪个具体技能，应回退到 /remotion-best-practices，它涵盖了其他所有技能。
/remotion-maps 技能覆盖什么内容？它提供静态地图、动画路线和标记、使用 Mapbox、MapLibre、MapTiler、GeoJSON 的地理讲解图，以及用 CesiumJS 实现 3D 飞越效果的最佳实践。
代理能直接查阅 Remotion API 文档吗？可以，/remotion-docs 让代理搜索 Remotion 文档并以 Markdown 获取任意页面，在写代码前核对当前的 API 参考。
技能本身怎么保持更新？运行 /remotion-upgrade，它会一并升级 Remotion、相关包、兼容的 Mediabunny 包以及已安装的 Agent Skills。
有把 Remotion 视频做成产品的技能吗？有，/remotion-saas 为构建基于 Remotion 的应用和 SaaS 产品集成提供架构指导。
What are similar projects?oil-ui, herk-edit-kit, answer-me-with-html, guizang-product-video-skill, skills, open-steps, brag, hypit
Which topics is it in?slash-commands, ai-coding-agent, maps, claude-skill, video-editing, agent-skill, best-practices, coding-agents, claude-skills, video-generation, skill, video
Creator
remotion-dev
Size
0.6 MB
Stars
5.3K
Updated
CommitOct 16
Age
8mo
Commits · 90 Days