← ClaudeAtlas

remotion-createlisted

Create a new Remotion video
unmet23-lab/synk-appsscript · ★ 0 · AI & Automation · score 64
Install: claude install-skill unmet23-lab/synk-appsscript
These are instructions for making a new Remotion project and composition. If this is not the next task, see `.claude/skills/synk-design/SKILL.md` > SYNK 는 `remotion-best-practices` 를 일부러 안 받았다 — 그 하나가 나머지 11개의 사본 137개를 끌고 온다(08-26). ## Scaffold a project If a project already exists, skip this. Ensure Node.js and Git is installed, and the current folder is appropriate for starting a new project. Scaffold one using: ```bash npx create-video@latest --yes --blank --no-tailwind my-video cd my-video npm i ``` Replace `my-video` with a suitable project name. ## Designing a video Keep the scaffold and add React Markup. Follow [Remotion React Markup Best Practices](../remotion-markup/SKILL.md) and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance. ## Is this a multi-scene video? If this is a video with multiple subsequence videos, follow guidance at [Multi-scene videos](../remotion-markup/multi-scene-video.md). ## Studio-editable structure For edits that should write back to code, follow the current [video timeline structure](../remotion-markup/video-editing.md) and [Studio-editable animation patterns](../remotion-markup/timing.md#studio-editable-animation-patterns). ## TailwindCSS If Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion. ## Open the preview Start the preview server after building the composition: ```bash npx remotion studio --no-open ``` This will start a long-running process and