{"id":25853,"plugin_id":"plugins~Plugin_efd07789186881918253a50acfc32762","kind":"skill","collection_source":"plugin_package","comparison_source":null,"observed_at":"2026-10-02T00:37:40.409Z","digest":"25c51d257b359afc868acefa0946d347152a3cdbfff364c93b2a5ac3a454c18e","against":24720,"payload":{"description":"Create a new Remotion video","included_files":[{"relative_path":"agents/openai.yaml","size_in_bytes":310},{"relative_path":"assets/remotion-icon.svg","size_in_bytes":1303},{"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.530\n---\n\nThese are instructions for making a new Remotion project and composition.  \nIf this is not the next task, see Remotion Best Practices\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\nInspect the current folder, including hidden files, before choosing where to scaffold.\n\n### Empty folder\n\nIf it is empty, or contains only disposable operating-system metadata such as `.DS_Store`, create the project directly in the current folder.\nRemove only those disposable metadata files first, since `create-video` rejects non-empty folders.\nDo not treat all hidden files as disposable: files such as `.env` and directories such as `.git` are meaningful contents.\n\nScaffold in existing folder:\n\n```bash\nnpx create-video@latest --yes --blank --no-tailwind .\nnpm i\n```\n\n### Non-empty folder\n\nIf the current folder contains meaningful contents and no project already exists, scaffold into a new subfolder.\nReplace `my-video` with a suitable project name.\n\n```bash\nnpx create-video@latest --yes --blank --no-tailwind my-video\ncd my-video\nnpm i\n```\n\n## Designing a video\n\nKeep the scaffold and add React Markup.\nFollow Remotion React Markup Best Practices and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance.\n\nBefore writing the root that registers `<Composition>` or `<Still>` elements,\nfollow Compositions and stills.\n\n## Is this a timeline of clips?\n\nIf the video arranges multiple video or audio clips on a timeline, follow\nVideo editing before writing the\ntimeline. Give every clip that should be edited independently its own authored\nJSX node.\n\n## Is this a multi-scene video?\n\nIf this is a video with multiple subsequent scenes, follow guidance at Multi-scene videos.\n\n## Interactivity Best Practices\n\nBy structuring the React Markup following Remotion Interactivity Best Practices, 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## Follow-up\n\nThe video creation process has finished.\nFor follow-up prompts, use Remotion Best Practices\n"},"changes":[{"path":"/included_files","type":"changed","before":[{"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}],"after":[{"relative_path":"agents/openai.yaml","size_in_bytes":310},{"relative_path":"assets/remotion-icon.svg","size_in_bytes":1303},{"relative_path":"tailwind.md","size_in_bytes":386},{"relative_path":"video-layout.md","size_in_bytes":498}]},{"path":"/skill_md_contents","type":"changed","before":"---\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","after":"---\nname: remotion-create\ndescription: Create a new Remotion video\nversion: 4.0.530\n---\n\nThese are instructions for making a new Remotion project and composition.  \nIf this is not the next task, see Remotion Best Practices\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\nInspect the current folder, including hidden files, before choosing where to scaffold.\n\n### Empty folder\n\nIf it is empty, or contains only disposable operating-system metadata such as `.DS_Store`, create the project directly in the current folder.\nRemove only those disposable metadata files first, since `create-video` rejects non-empty folders.\nDo not treat all hidden files as disposable: files such as `.env` and directories such as `.git` are meaningful contents.\n\nScaffold in existing folder:\n\n```bash\nnpx create-video@latest --yes --blank --no-tailwind .\nnpm i\n```\n\n### Non-empty folder\n\nIf the current folder contains meaningful contents and no project already exists, scaffold into a new subfolder.\nReplace `my-video` with a suitable project name.\n\n```bash\nnpx create-video@latest --yes --blank --no-tailwind my-video\ncd my-video\nnpm i\n```\n\n## Designing a video\n\nKeep the scaffold and add React Markup.\nFollow Remotion React Markup Best Practices and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance.\n\nBefore writing the root that registers `<Composition>` or `<Still>` elements,\nfollow Compositions and stills.\n\n## Is this a timeline of clips?\n\nIf the video arranges multiple video or audio clips on a timeline, follow\nVideo editing before writing the\ntimeline. Give every clip that should be edited independently its own authored\nJSX node.\n\n## Is this a multi-scene video?\n\nIf this is a video with multiple subsequent scenes, follow guidance at Multi-scene videos.\n\n## Interactivity Best Practices\n\nBy structuring the React Markup following Remotion Interactivity Best Practices, 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## Follow-up\n\nThe video creation process has finished.\nFor follow-up prompts, use Remotion Best Practices\n"}],"summary":"Fields changed: 2. /included_files, /skill_md_contents.","summary_kind":"deterministic","summary_metadata":{}}