# add-new-package

> Claude/Codex skill by [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 66k stars · Updated 2026-10-22

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.

Tags: javascript, react, video

## Install

```sh
git clone https://github.com/remotion-dev/remotion /tmp/remotion && ln -s /tmp/remotion/.agents/skills/add-new-package ~/.claude/skills/add-new-package
```

## From README

Add a new Remotion package Steps Create packages/ / 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, command, link to docs Register in monorepo: tsconfig.json (root) — add {"path": "./packages/ "} to references packages/cli/src/list-of-remotion-packages.ts — add '@remotion/ ' packages/create-video/src/list-of-remotion-packages.ts — add '@remotion/ '...

## Links

- HTML page: https://omgskills.com/skills/remotion-dev/remotion/add-new-package/
- GitHub: https://github.com/remotion-dev/remotion
- Author: [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md)

## More from this repo

- [pr-name](https://omgskills.com/skills/remotion-dev/remotion/pr-name/index.md) — Used to review or correct a Remotion pull request title
   - [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 66k stars
- [add-cli-option](https://omgskills.com/skills/remotion-dev/remotion/add-cli-option/index.md) — Used to add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring...
   - [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 66k stars
- [add-effect](https://omgskills.com/skills/remotion-dev/remotion/add-effect/index.md) — Used to add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images,...
   - [@remotion-dev](https://omgskills.com/library/remotion-dev/index.md) · 66k stars