add-new-package

Scaffolds and registers a new package in the Remotion monorepo.

Updated May 15, 2026
One-click install
npx skills add https://github.com/danielbere1973/promoar --skill add-new-package-danielbere1973
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-new-package
Source: https://github.com/danielbere1973/promoar/tree/main/.agents/skills/add-new-package
Command: npx skills add https://github.com/danielbere1973/promoar --skill add-new-package-danielbere1973

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a new package in the Remotion monorepo requires touching many files across package scaffolding, monorepo registration, documentation, examples, and build configuration, and missing any step breaks the build or release pipeline. ## Core Features & Use Cases - Package Scaffolding: Creates package.json, tsconfig.json, bundle.ts, eslint config, and README following the @remotion/light-leaks template. - Monorepo Registration: Updates root tsconfig references, CLI and create-video package lists, and studio-shared package metadata. - Documentation & Examples: Generates docs pages, sidebar entries, table of contents, and example compositions wired into the example app. - Use Case: When adding a new @remotion/overlay package, follow the checklist to scaffold the package, register it in all monorepo lists, write its docs, and verify it builds with bun run make. ## Quick Start Create a new @remotion package called transitions with full monorepo registration, documentation, and an example composition.

Frequently Asked Questions about add-new-package

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a new package to the Remotion monorepo?▼

Create packages/<name> with package.json, tsconfig.json, src/index.ts, bundle.ts, and eslint config based on the @remotion/light-leaks template. Then register it in the root tsconfig references, the CLI and create-video package lists, and studio-shared package-info.

How to set up the build script for a Remotion package?▼

The make script runs tsgo for type declarations and bun with the bundle.ts script for bundling. Externalize react, remotion, remotion/no-react, react/jsx-runtime, react/jsx-dev-runtime, and react-dom in the bundle configuration.

Does a new Remotion package need documentation pages?▼

Yes, each package needs an index.mdx, table-of-contents.tsx, and individual component or function pages under packages/docs/docs/<name>. You must also update sidebars.ts, the API table of contents component, and add the package as a workspace dependency of the docs package.

What dependency version syntax does the Remotion monorepo use?▼

Internal packages use the workspace:* protocol, while shared external dependencies use the catalog: protocol for centralized version management. Packages with React components must also declare react and react-dom as peerDependencies.

Why does my new Remotion package fail to build?▼

Builds commonly fail when the package is missing from root tsconfig references or when bun install was not run after adding dependencies. Verify tsconfig extends ../tsconfig.settings.json with emitDeclarationOnly and that types point to dist/index.d.ts.