Source profileQuality 61/100

MoizIbnYousaf/marketing-cli/skills/remotion-best-practices/references/upstream-internal/skills/add-new-package/SKILL.md

add-new-package

1. **Create `packages/<name>/`** with these files:

Source repository stars
27
Declared platforms
0
Static risk flags
0
Last source update
2026-07-28
Source checked
2026-07-28

Decision brief

What it does—and where it fits

1. **Create `packages/<name>/`** with these files:

Best for

    Not for

    • Tasks that require unconfirmed production actions or broad system permissions.
    • Environments where the pinned source and install steps cannot be inspected.

    Compatibility matrix

    Platform support, with evidence labels

    PlatformStatusEvidenceWhat to check
    CodexNot declaredNo explicit evidencePortability before use
    Claude CodeNot declaredNo explicit evidencePortability before use
    CursorNot declaredNo explicit evidencePortability before use
    Gemini CLINot declaredNo explicit evidencePortability before use
    Open the compatibility checker

    Installation

    Inspect first. Install second.

    The source command is displayed only when detected. A safe inspection prompt is always available so your agent can explain every action before execution.

    Source-detected install commandSource
    npx skills add https://github.com/MoizIbnYousaf/marketing-cli --skill "skills/remotion-best-practices/references/upstream-internal/skills/add-new-package"
    Safe inspection promptEditorial

    Inspect the Agent Skill "add-new-package" from https://github.com/MoizIbnYousaf/marketing-cli/blob/f12fbcbe4929584697b309b9096c9427b0cfce8e/skills/remotion-best-practices/references/upstream-internal/skills/add-new-package/SKILL.md at commit f12fbcbe4929584697b309b9096c9427b0cfce8e. List every install step, command, network request, credential, file read/write, external action, and rollback step. Explain whether it fits my task. Do not install or execute anything until I approve.

    Workflow

    What the source asks the agent to do

    1. 01

      Steps

      1. 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 tsgo with emitDeclarationOnly: true, outDir: "dist", module: "es2020",…

      Create packages// with these files:package.json — copy from @remotion/light-leaks as template; update name, description, homepage, dependenciestsconfig.json — extends ../tsconfig.settings.json, uses tsgo with emitDeclarationOnly: true, outDir: "dist", module: "es2020", moduleResolution: "bundler", target: "ES2022"
    2. 02

      Version

      Use the current version from packages/core/src/version.ts. For the documentation version, increment the patch version by 1 as it will only be released with the next Remotion release.

      Use the current version from packages/core/src/version.ts. For the documentation version, increment the patch version by 1 as it will only be released with the next Remotion release.
    3. 03

      Patterns

      Use "workspace:" for internal dependencies

      Use "workspace:" for internal dependenciesUse "catalog:" for shared external dependency versionsThe make script is: tsgo && bun --env-file=../.env.bundle bundle.ts

    Permission review

    Static risk signals and limitations

    No configured static risk pattern was detected

    This is not proof of safety. Runtime behavior, indirect dependencies, and hidden external systems are outside the static scan.

    Evidence record

    Why each signal appears

    EvidenceSourceComputedTestedEditorial
    SignalValueEvidence typeMeaning
    Quality score61/100ComputedDocumentation, specificity, maintenance, and trust rules
    Repository stars27SourceRepository attention, not individual Skill quality
    Compatibility0 platformsSourceDeclared in the catalog source record
    Usage guideautomated source guideEditorialGenerated or reviewed according to the visible evidence level

    Pinned source

    Provenance and original SKILL.md

    Repository
    MoizIbnYousaf/marketing-cli
    Skill path
    skills/remotion-best-practices/references/upstream-internal/skills/add-new-package/SKILL.md
    Commit
    f12fbcbe4929584697b309b9096c9427b0cfce8e
    License
    MIT
    Collected
    2026-07-28
    Default branch
    main
    View the original SKILL.md

    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 tsgo 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.

    1. 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
    2. Run bun i to install dependencies

    3. Build: cd packages/<name> && bun run make

    Version

    Use the current version from packages/core/src/version.ts.
    For the documentation version, increment the patch version by 1 as it will only be released with the next Remotion release.

    Patterns

    • Use "workspace:*" for internal dependencies
    • Use "catalog:" for shared external dependency versions
    • The make script is: tsgo && bun --env-file=../.env.bundle bundle.ts
    • Add "type": "module" to package.json
    • Add "@typescript/native-preview": "catalog:" to devDependencies
    • Types/main point to dist/index.d.ts and dist/index.js (not dist/cjs/)
    • Packages with React components need peerDependencies for react and react-dom