Update to Remotion
Snapshot Oct 8, 2026 · 18:03 UTC · version 4.0.534
Collection source: downloaded plugin package.
Instructions updated for remotion-create
Instruction wording changed from “4.0.530” to “4.0.534”. 2 additional added or edited lines are in the evidence.
Observed in instructions or declared skills. Runtime behavior has not been tested.
Short excerpts from up to four changed fields. Open the full comparison for all changes.
Skill instructions
Oct 2, 2026 · 00:37 UTC
version: 4.0.530
Oct 8, 2026 · 18:03 UTC
version: 4.0.534 ## Open the preview before building the video As soon as the project can run, open Remotion Studio in the browser before writing or changing the composition. For a new project, do this immediately after scaffolding and i...
Compare saved observations
Download comparison JSONSKILL.md text changes
Lines starting with − were removed; lines starting with + were added. Other lines provide context.
--- before +++ after @@ -1,7 +1,7 @@ --- name: remotion-create description: Create a new Remotion video -version: 4.0.530 +version: 4.0.534 --- These are instructions for making a new Remotion project and composition. @@ -38,6 +38,10 @@ npm i ``` +## Open the preview before building the video + +As soon as the project can run, open Remotion Studio in the browser before writing or changing the composition. For a new project, do this immediately after scaffolding and installing dependencies. For an existing project, do it before editing the video. Keep Studio running while you work so the user can see changes as they appear and steer the result. + ## Designing a video Keep the scaffold and add React Markup.
Full technical diff · 1 changed fields
changed /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"
"---\nname: remotion-create\ndescription: Create a new Remotion video\nversion: 4.0.534\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## Open the preview before building the video\n\nAs soon as the project can run, open Remotion Studio in the browser before writing or changing the composition. For a new project, do this immediately after scaffolding and installing dependencies. For an existing project, do it before editing the video. Keep Studio running while you work so the user can see changes as they appear and steer the result.\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"
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.534\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## Open the preview before building the video\n\nAs soon as the project can run, open Remotion Studio in the browser before writing or changing the composition. For a new project, do this immediately after scaffolding and installing dependencies. For an existing project, do it before editing the video. Keep Studio running while you work so the user can see changes as they appear and steer the result.\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: 0462540f5f05d5c97d0ec163ec7e1f9d78bfc69e30ca2c8abc4b4aaf6d551e03