Update to Remotion
Snapshot Oct 2, 2026 · 00:37 UTC · version 4.0.530
Collection source: downloaded plugin package. These snapshots do not have a confirmed matching collection source. Differences in file lists alone do not establish changes to the package.
Instructions updated for remotion-create
Instruction wording changed from “4.0.506” to “4.0.530”. 21 additional added or edited lines are in the evidence.
Observed in instructions or declared skills. Runtime behavior has not been tested.
Skill instructions
4.0.506 If this is not the next task, see [Remotion Best Practices](../remotion-best-practices/SKILL.md) Scaffold one using: Follow [Remotion React Markup Best Practices](../remotion-markup/SKILL.md) and [Video Layout Rules](video-layout...
4.0.530 If this is not the next task, see Remotion Best Practices Inspect the current folder, including hidden files, before choosing where to scaffold. ### Empty folder If it is empty, or contains only disposable operating-system metada...
Supporting 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}]
[{"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}]
Compare saved observations
Download comparison JSONFull technical diff · 2 changed fields
changed /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
}
][
{
"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
}
]changed /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"
"---\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"
SKILL.md line diff
--- before +++ after @@ -1,68 +1,71 @@ --- name: remotion-create description: Create a new Remotion video -version: 4.0.506 +version: 4.0.530 --- These are instructions for making a new Remotion project and composition. -If this is not the next task, see [Remotion Best Practices](../remotion-best-practices/SKILL.md) +If this is not the next task, see Remotion Best Practices ## 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: +Inspect the current folder, including hidden files, before choosing where to scaffold. + +### Empty folder + +If it is empty, or contains only disposable operating-system metadata such as `.DS_Store`, create the project directly in the current folder. +Remove only those disposable metadata files first, since `create-video` rejects non-empty folders. +Do not treat all hidden files as disposable: files such as `.env` and directories such as `.git` are meaningful contents. + +Scaffold in existing folder: ```bash -npx create-video@latest --yes --blank --no-tailwind my-video -cd my-video +npx create-video@latest --yes --blank --no-tailwind . npm i ``` +### Non-empty folder + +If the current folder contains meaningful contents and no project already exists, scaffold into a new subfolder. Replace `my-video` with a suitable project name. +```bash +npx create-video@latest --yes --blank --no-tailwind my-video +cd my-video +npm i +``` + ## 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. +Follow Remotion React Markup Best Practices and [Video Layout Rules](video-layout.md) for video-first layout and text sizing guidance. + +Before writing the root that registers `<Composition>` or `<Still>` elements, +follow Compositions and stills. + +## Is this a timeline of clips? + +If the video arranges multiple video or audio clips on a timeline, follow +Video editing before writing the +timeline. Give every clip that should be edited independently its own authored +JSX node. ## 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). +If this is a video with multiple subsequent scenes, follow guidance at Multi-scene videos. ## Interactivity Best Practices -By 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. +By structuring the React Markup following Remotion Interactivity Best Practices, you allow the user to make edits in the Studio which write back to code. ## TailwindCSS If Tailwind is requested, see [tailwind.md](tailwind.md) for using TailwindCSS in Remotion. -## Open the preview - -After creating or updating the video, start the preview server by default: - -```bash -npx remotion studio --no-open -``` - -This will start a long-running process and print the server URL for the preview. -If the server is already started, it will print the URL. -Open 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. -You can visit a specific composition by navigating to `/[composition-id]`, for example `http://localhost:3000/MapAnimation`. - -## Render the video - -Only render if the user explicitly asks for it. - -``` -npx remotion render -``` - -For more options, see [Rendering](../remotion-render/SKILL.md). - ## Follow-up The video creation process has finished. -For follow-up prompts, use [Remotion Best Practices](../remotion-best-practices/SKILL.md) +For follow-up prompts, use Remotion Best Practices
Full snapshot data
{
"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"
}SHA-256 of public snapshot: 25c51d257b359afc868acefa0946d347152a3cdbfff364c93b2a5ac3a454c18e