remotion-saas은(는) 무엇을 하나요?
Remotion을 사용하여 앱 구축하기
Remotion을 사용하여 앱 구축하기
이 스킬은 Remotion을 활용하여 SaaS(Software as a Service) 애플리케이션을 구축하는 방법을 안내합니다. Remotion은 React를 사용하여 프로그래밍 방식으로 비디오를 생성할 수 있는 강력한 라이브러리로, 개발자에게 친숙한 React 컴포넌트 기반 워크플로우를 제공합니다. 이 스킬은 특히 Remotion과 함께 사용할 수 있는 다양한 SaaS 템플릿과 보일러플레이트를 다루며, 비디오 생성 파이프라인, 렌더링 최적화, 클라우드 배포 전략 등을 포함한 실용적인 예제를 제공합니다. Cursor, Codex, Claude Code 등 주요 AI 에이전트 플랫폼에서 사용할 수 있도록 설계되었으며, Remotion의 핵심 개념(composition, useCurrentFrame, <Sequence> 등)을 이해하는 개발자라면 누구나 쉽게 따라할 수 있습니다. 이 스킬을 통해 사용자는 Remotion 기반의 완전한 SaaS 애플리케이션을 신속하게 프로토타이핑하고 배포할 수 있습니다.
npx skills add https://github.com/remotion-dev/remotion/tree/main/packages/codex-plugin/skills/remotion-saasRemotion을 사용하여 앱 구축하기
This repo contains 20 individual skills — each has its own dedicated page.
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.
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.
Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and builds.
Add a new expert to the Remotion experts page
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.
Add a new sound effect to @remotion/sfx
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.
Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.
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.
Open a pull request for the current feature
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.
Router for all Remotion skills
Transcribing, displaying and animating captions
Create a new Remotion video
Search Remotion documentation
Structure Remotion markup for interactivity
Remotion Map animation knowledge
Content, animation and effects best practices
Interacting with Mediabunny
Export a Remotion video
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.