Official影片與動畫github.com

remotion-saas

使用 Remotion 建立應用程式

remotion-saas 是什麼?

這個技能涵蓋如何利用 Remotion 打造從簡單到複雜的影像應用程式(SaaS)。它支援將表單連接到影片渲染功能,或是實作完整的影片編輯器。此技能針對多種框架提供範本,包括 React 的 <Player> 元件,讓開發者能在 React 應用程式中嵌入 Remotion 預覽;同時也詳細說明用戶端與伺服器端的渲染選項,如 Lambda、Vercel、Node.js 及 Cloudflare。此外,技能也包含與 Vue、Angular 及 Svelte 整合的指引,適合需要構建影片相關產品的開發者。

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

Installed? Explore more 影片與動畫 skills: steipete/video-frames, steipete/summarize, openclaw/openclaw · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

可以使用 Remotion 來建構應用程式。 您可以將簡單的表單連接到渲染功能,或是打造一個複雜的影片編輯器。

選擇範本或框架

我們提供了數個適用於 SaaS 的範本,您可以複製這些範本或將其作為參考。 請參閱選擇框架以取得選擇範本或框架的協助。

<Player> 元件

這個元件可讓您在 React 應用程式中嵌入 Remotion 預覽。請參閱Player瞭解更多關於 Player 的資訊。

渲染

提供了用戶端與伺服器端渲染選項。請參閱渲染以取得選擇方式的建議,以及關於 Lambda、Vercel、Node.js 和 Cloudflare 選項的資訊。

與 Vue 一起使用

請參閱 https://www.remotion.dev/docs/vue.md 瞭解如何與 Vue 一起使用 Remotion。

Angular

請參閱 https://www.remotion.dev/docs/angular.md 瞭解如何與 Angular 一起使用 Remotion。

Svelte

請參閱 https://www.remotion.dev/docs/svelte.md 瞭解如何與 Svelte 一起使用 Remotion。

Individual skills in this repo

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

相關技能