---
username: remotion-dev
url: https://skills.yangsir.net/authors/remotion-dev
github: https://github.com/remotion-dev
skills_count: 19
total_installs: 2554598
avg_rating: 4.8
top_skill: remotion-best-practices
source: skills.sh + skillforge.db
---

# @remotion-dev

> 涵盖后端、测试、文档方向，代表作 remotion-best-practices、web-renderer-test、writing-docs。

**19 skills · 2,554,598 total installs**
**Average rating**: 4.8/5 (3750 reviews)

- Profile: https://skills.yangsir.net/authors/remotion-dev
- GitHub: https://github.com/remotion-dev

## Skills on SkillForge (19)

注：以下为 SkillForge 已收录的部分；该作者在 skills.sh 上可能有更多作品。

### remotion-best-practices (669,700 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: remotion, video-processing, node-js, typescript, motion-graphics
- **Page**: https://skills.yangsir.net/skill/remotion-best-practices
- **Markdown**: https://skills.yangsir.net/api/skill/remotion-best-practices/markdown

提供Remotion代码领域的专业知识和最佳实践，尤其在处理字幕或副标题时，帮助用户高效开发视频内容。

### remotion-create (200,900 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: video-creation, remotion, scaffolding, react, animation
- **Page**: https://skills.yangsir.net/skill/gh-remotion-create
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-create/markdown

此技能用于快速创建新的 Remotion 视频项目。它提供项目脚手架、最佳实践指南和交互性支持，帮助开发者从零开始高效构建视频应用，无需手动配置繁琐的环境。

### remotion-captions (198,300 installs)

- **Domain**: multimedia
- **Tags**: captions, subtitles, video, remotion, transcription
- **Page**: https://skills.yangsir.net/skill/gh-remotion-captions
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-captions/markdown

此技能提供在 Remotion 中处理字幕的完整方案，包括从音视频生成字幕、显示字幕以及从 .srt 文件导入字幕。它使用标准 JSON 格式，简化了字幕的时间对齐、置信度管理和渲染流程，让开发者快速集成高质量字幕到视频中。

### remotion-markup (194,300 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: remotion, react, animation, video, best-practices
- **Page**: https://skills.yangsir.net/skill/gh-remotion-markup
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-markup/markdown

提供Remotion Markup编写的最佳实践指南，包括动画属性、序列控制、媒体资源引用和过渡效果。帮助开发者避免CSS动画陷阱，确保视频组件正确渲染并支持Studio交互调试，提升Remotion项目开发效率。

### remotion-interactivity (189,800 installs)

- **Domain**: multimedia
- **Tags**: remotion, interactivity, animation, best-practices, video-editing
- **Page**: https://skills.yangsir.net/skill/gh-remotion-interactivity
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-interactivity/markdown

此技能提供 Remotion 动画交互性最佳实践，帮助开发者快速实现组件交互并确保代理可编辑。适用于需要在 Remotion Studio 中创建可交互视频的场景，提升开发效率和动画可维护性。

### remotion-saas (188,000 installs)

- **Domain**: ai-app-building-integration
- **Tags**: remotion, video-editing, saas, react, rendering
- **Page**: https://skills.yangsir.net/skill/gh-remotion-saas
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-saas/markdown

此技能帮助开发者基于 Remotion 构建视频应用，提供 Player 集成、渲染方案选择（Lambda、Vercel、Node.js、Cloudflare）以及 Vue/Angular/Svelte 框架支持，快速搭建视频编辑或生成类 

### remotion-docs (187,100 installs)

- **Domain**: ai-agent-external-interaction
- **Tags**: documentation, remotion, search, developer-tools, api-integration
- **Page**: https://skills.yangsir.net/skill/gh-remotion-docs
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-docs/markdown

搜索和获取 Remotion 文档页面，帮助开发者快速定位 API 参考、最佳实践和配置说明，无需手动浏览官网。通过 Algolia 搜索和 .md 后缀直接获取 Markdown 源码，节省开发者查阅时间。

### remotion-upgrade (178,700 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: remotion-upgrade, dependency-management, package-upgrade, cli-tool, version-management
- **Page**: https://skills.yangsir.net/skill/gh-remotion-upgrade
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-upgrade/markdown

此技能用于一键升级 Remotion 项目及其相关依赖包，包括 Remotion、Mediabunny 兼容包和已安装的 Remotion Agent Skills。它会自动检测包管理器、检查本地 CLI、获取最新版本并执行升级，确保所有包

### remotion-multimedia (173,700 installs)

- **Domain**: multimedia
- **Tags**: multimedia, audio, video, browser, duration
- **Page**: https://skills.yangsir.net/skill/gh-remotion-multimedia
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-multimedia/markdown

此技能提供对Mediabunny多媒体库的便捷访问，帮助开发者快速获取音频时长、视频尺寸、视频时长等元数据。适合在浏览器环境中处理音视频文件，无需手动解析文件格式，提升多媒体处理效率。

### remotion-maps (172,500 installs)

- **Domain**: multimedia
- **Tags**: remotion, map-animation, video-production, geospatial, data-visualization
- **Page**: https://skills.yangsir.net/skill/gh-remotion-maps
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-maps/markdown

此技能帮助在 Remotion 中高效制作地图动画，支持多种地图服务（Mapbox、MapLibre、MapTiler、CesiumJS）和静态卫星图，可用于数据可视化、旅行视频等场景，节省开发时间。

### remotion-studio (164,500 installs)

- **Domain**: multimedia
- **Tags**: remotion, video-preview, animation, studio, workflow
- **Page**: https://skills.yangsir.net/skill/gh-remotion-studio
- **Markdown**: https://skills.yangsir.net/api/skill/gh-remotion-studio/markdown

此技能用于快速预览 Remotion 视频项目。用户运行命令后，自动启动 Studio 开发服务器并在浏览器中打开预览界面，无需手动配置端口或查找 URL。适合动画师、视频编辑和前端开发者，在编辑视频代码时即时查看效果，大幅缩短预览启动时间

### mediabunny (20,800 installs)

- **Domain**: multimedia
- **Tags**: audio, video, multimedia, browser, duration
- **Page**: https://skills.yangsir.net/skill/gh-mediabunny
- **Markdown**: https://skills.yangsir.net/api/skill/gh-mediabunny/markdown

此技能通过 Mediabunny 库在浏览器中处理音频和视频多媒体文件，支持获取音频时长、视频尺寸和时长等操作，适用于前端多媒体开发、视频编辑、音频处理等场景，大幅提升开发效率。

### web-renderer-test (2,700 installs)

- **Domain**: testing
- **Tags**: web-rendering, browser-compatibility, ui-testing, visual-regression-testing, frontend-testing
- **Page**: https://skills.yangsir.net/skill/sm-web-renderer-test
- **Markdown**: https://skills.yangsir.net/api/skill/sm-web-renderer-test/markdown

对Web渲染器进行视觉快照测试，使用Vitest框架，确保渲染效果的一致性，用于前端组件的回归测试。

### writing-docs (2,700 installs)

- **Domain**: writing
- **Tags**: technical-documentation, api-documentation, markdown, developer-experience, remotion
- **Page**: https://skills.yangsir.net/skill/sm-writing-docs
- **Markdown**: https://skills.yangsir.net/api/skill/sm-writing-docs/markdown

编写Remotion文档，指导如何创建新的.mdx文件并将其添加到文档结构中，确保文档的规范性。

### video-report (2,600 installs)

- **Domain**: multimedia
- **Tags**: remotion, video-generation, data-visualization, automated-video-production, multimedia-reporting
- **Page**: https://skills.yangsir.net/skill/sm-video-report
- **Markdown**: https://skills.yangsir.net/api/skill/sm-video-report/markdown

处理视频播放故障报告，下载视频并更新源文件，然后运行Remotion进行处理。

### add-sfx (2,500 installs)

- **Domain**: multimedia
- **Tags**: audio-processing, sound-effects, remotion, developer-tools, content-creation
- **Page**: https://skills.yangsir.net/skill/gh-add-sfx
- **Markdown**: https://skills.yangsir.net/api/skill/gh-add-sfx/markdown

此技能旨在简化向 @remotion/sfx 库添加新音效的复杂流程。它指导开发者完成音效文件准备、代码集成、文档生成及版本更新等一系列步骤，确保音效符合格式、授权和命名规范，从而高效扩展 Remotion 项目的音效资源。

### docs-demo (2,400 installs)

- **Domain**: ai-frontend-engineering
- **Tags**: react, documentation, ui-components, interactive-demos
- **Page**: https://skills.yangsir.net/skill/daily-docs-demo
- **Markdown**: https://skills.yangsir.net/api/skill/daily-docs-demo/markdown

在 Remotion 文档中嵌入可交互的组件演示，支持实时预览和播放控制，让用户直观理解 API 用法

### add-expert (2,400 installs)

- **Domain**: content-creation
- **Tags**: content-management, automation, documentation, website-update
- **Page**: https://skills.yangsir.net/skill/gh-add-expert
- **Markdown**: https://skills.yangsir.net/api/skill/gh-add-expert/markdown

此技能能够自动化向 Remotion 专家页面添加新专家的流程。它处理图片上传、结构化数据录入（如姓名、社交链接、描述）以及专家卡片的自动生成，确保内容一致性并减少手动错误。通过此技能，用户可以高效地更新专家列表，无需深入了解代码库细节，从

### make-pr (998 installs)

- **Domain**: ai-dev-tools-workflow
- **Tags**: git, pull-requests, version-control, collaboration, remotion
- **Page**: https://skills.yangsir.net/skill/sm-make-pr
- **Markdown**: https://skills.yangsir.net/api/skill/sm-make-pr/markdown

自动化创建PR的工作流，包括分支管理、代码格式化（使用Oxfmt）和规范化提交，确保代码质量和协作效率。

---
*Source: https://skills.yangsir.net/authors/remotion-dev*
*Markdown mirror: https://skills.yangsir.net/api/author/remotion-dev/markdown*