Communitygithub.com

remotion-dev/remotion-saas

使用 Remotion 构建应用程序

remotion-saas 是什么?

此技能指导开发人员使用 Remotion 框架构建 SaaS 类应用程序。Remotion 允许您使用 React 以编程方式创建视频和动态图形,然后将其集成到 Web 应用的后端或前端中。该技能涵盖了项目初始化、核心配置、组件开发以及部署等关键步骤,适合需要将视频生成功能嵌入到产品中的团队。它支持 Node.js 环境,并可与常见的云平台配合部署。通过本技能,您可以快速搭建一个基于 Remotion 的视频渲染管道,实现用户上传数据生成个性化视频等高级场景。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/remotion-dev/remotion/tree/main/packages/codex-plugin/skills/remotion-saas

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

remotion-saas 是做什么的?

使用 Remotion 构建应用程序

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

remotion-dev/add-bug

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the bugs API.

remotion-dev/add-cli-option

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

remotion-dev/add-effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and builds.

remotion-dev/add-expert

Add a new expert to the Remotion experts page

remotion-dev/add-new-package

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist updates. Use when creating a new @remotion package.

remotion-dev/add-sfx

Add a new sound effect to @remotion/sfx

remotion-dev/add-webcodecs-bug

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked in packages/docs/docs/mediabunny/webcodecs-bugs.mdx, especially when needing to look up the issue title, filing date, reporter, and resolution state before editing the MDX table.

remotion-dev/docs-demo

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

remotion-dev/homepage-video-assets

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages and docs.

remotion-dev/make-pr

Open a pull request for the current feature

remotion-dev/remotion

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree was deleted, rebuilt after source changes, moved to its durable install directory, or reloaded in Chrome or Chrome Canary.

remotion-dev/remotion-best-practices

Router for all Remotion skills

remotion-dev/remotion-captions

Transcribing, displaying and animating captions

remotion-dev/remotion-create

Create a new Remotion video

remotion-dev/remotion-docs

Search Remotion documentation

remotion-dev/remotion-interactivity

Structure Remotion markup for interactivity

remotion-dev/remotion-maps

Remotion Map animation knowledge

remotion-dev/remotion-markup

Content, animation and effects best practices

remotion-dev/remotion-multimedia

Interacting with Mediabunny

remotion-dev/remotion-render

Export a Remotion video

相关技能