Agent skill · software engineering · remotion-dev
add-new-package
Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, and release checklist updates. Use when creating a new @remotion package.
Why this skill is useful
Adds a comprehensive set of executable scripts and detailed procedures for creating and integrating new packages in the Remotion monorepo, which are not publicly documented.
What it needs
Requires bun installed locally. About 1k tokens when loaded. Last updated 2026-08-06. 55,698 stars on the source repository.
What this skill does
Add a new Remotion package Steps 1. Create packages/<name>/ with these files: package.json — copy from @remotion/light-leaks as template; update name, description, homepage, dependencies tsconfig.json — extends ../tsconfig.settings.json, uses the native TypeScript compiler with emitDeclarationOnly: true, outDir: "dist", module: "es2020", moduleResolution: "bundler", target: "ES2022" src/index.ts — exports bundle.ts — Bun build script, externalize react, remotion, remotion/no-react, react/jsx-runtime, react/jsx-dev-runtime, react-dom eslint.config.mjs — use remotionFlatConfig({react: true}) if React, {react: false} otherwise .npmignore — copy from @remotion/light-leaks README.md — package name, description, install command, link to docs 2. Register in monorepo: tsconfig.json (root) — add {"path": "./packages/<name>"} to references packages/cli/src/list-of-remotion-packages.ts — add '@remotion/<name>' packages/create-video/src/list-of-remotion-packages.ts — add '@remotion/<name>' packages/studio-shared/src/package-info.ts — add to packages, descriptions, installableMap, apiDocs 3. Documentation (packages/docs/docs/<name>/): Add "@remotion/<name>": "workspace:" to packages/docs/package.json dependencies (needed for twoslash snippets) index.mdx — install tabs, table of contents, license table-of-contents.tsx — TOCItem grid linking to component/function pages Individual component/function .mdx pages Edit packages/docs/sidebars.ts — add category Edit packages/docs/components/TableOfContents/api.tsx — import table of contents and add section See the writing-docs skill for details on writing documentation. 4. Example usage: Add "@remotion/<name>": "workspace:" to packages/example/package.json Create packages/example/src/<Name>/index.tsx Register <Composition> in packages/example/src/Root.tsx Add {"path": "../<name>"} to packages/example/tsconfig.json references 5. Run bun i to install dependencies 6. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/add-new-package