{"id":24720,"plugin_id":"plugins~Plugin_efd07789186881918253a50acfc32762","kind":"skill","collection_source":null,"comparison_source":null,"observed_at":"2026-09-30T23:18:36.148Z","digest":"1da757bff2c4d1b4c85207d55f9151c874f729f1ed3f0d7d79537136e6343fb4","against":null,"payload":{"description":"Create a new Remotion video","included_files":[{"relative_path":"agents/openai.yaml","size_in_bytes":310},{"relative_path":"assets/remotion-icon.png","size_in_bytes":1286},{"relative_path":"tailwind.md","size_in_bytes":386},{"relative_path":"video-layout.md","size_in_bytes":498}],"name":"remotion-create","skill_md_contents":"---\nname: remotion-create\ndescription: Create a new Remotion video\nversion: 4.0.506\n---\n\nThese are instructions for making a new Remotion project and composition.  \nIf this is not the next task, see [Remotion Best Practices](../remotion-best-practices/SKILL.md)\n\n## Scaffold a project\n\nIf a project already exists, skip this.\nEnsure Node.js and Git is installed, and the current folder is appropriate for starting a new project.\n\nScaffold one using:\n\n```bash\nnpx create-video@latest --yes --blank --no-tailwind my-video\ncd my-video\nnpm i\n```\n\nReplace `my-video` with a suitable project name.\n\n## Designing a video\n\nKeep the scaffold and add React Markup.\nFollow [Remotion React Markup Best Practices](../remotion-markup/SKILL.md) and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance.\n\n## Is this a multi-scene video?\n\nIf this is a video with multiple subsequence videos, follow guidance at [Multi-scene videos](../remotion-markup/multi-scene-video.md).\n\n## Interactivity Best Practices\n\nBy structuring the React Markup following [Remotion Interactivity Best Practices](../remotion-interactivity/SKILL.md), you allow the user to make edits in the Studio which write back to code.\n\n## TailwindCSS\n\nIf Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion.\n\n## Open the preview\n\nAfter creating or updating the video, start the preview server by default:\n\n```bash\nnpx remotion studio --no-open\n```\n\nThis will start a long-running process and print the server URL for the preview.  \nIf the server is already started, it will print the URL.\nOpen the exact URL in the Codex in-app browser. If no browser tool is available yet, use `tool_search` for the in-app browser control tool, then navigate to the local URL.\nYou can visit a specific composition by navigating to `/[composition-id]`, for example `http://localhost:3000/MapAnimation`.\n\n## Render the video\n\nOnly render if the user explicitly asks for it.\n\n```\nnpx remotion render\n```\n\nFor more options, see [Rendering](../remotion-render/SKILL.md).\n\n## Follow-up\n\nThe video creation process has finished.\nFor follow-up prompts, use [Remotion Best Practices](../remotion-best-practices/SKILL.md)\n"},"changes":[],"summary":"First saved snapshot. No earlier version is available for comparison.","summary_kind":"deterministic","summary_metadata":{}}