Skip to content
Development
Agent

package-creation

- Compare with similar packages under `packages/`. - README must follow the shared repository structure: - banner - tagline - badges - description - features or exports - installation - usage - Callstack footer and link definitions - Copy standard `package.json` metadata: -

From plugin
rozenite
6713 skills3 agents

Claude Code

$ npx -y skills add callstackincubator/rozenite --agent claude-code

Agent definition

package-creation.md

New packages

  • Compare with similar packages under `packages/`.
  • README must follow the shared repository structure:
  • banner
  • tagline
  • badges
  • description
  • features or exports
  • installation
  • usage
  • Callstack footer and link definitions
  • Copy standard `package.json` metadata:
  • `homepage`
  • `bugs`
  • `repository`
  • `author`
  • `license`
  • `publishConfig`
  • `files`
  • Library packages must also define matching `main`, `module`, `types`, and `exports` fields.
  • Publish an explicit `files` allowlist, never the whole package directory:
  • Ship `dist` plus anything an `exports` target, `bin` or runtime path

lookup points at (for example `src/metro/setup.js` in `@rozenite/require-profiler-plugin`, `templates` in `@rozenite/vite-plugin`). Add `!dist/**/*.tsbuildinfo`: `tsc` writes them next to the output whenever `typecheck` runs before a pack.

  • Do not ship `rozenite.config.ts` (dev-host fixtures and flows),

`__tests__`, `*.test.*`, `vitest.setup.ts`, `vite.config.ts`, `tsconfig*.json` or lint config.

  • `README`, `LICENSE` and `package.json` are always included; `CHANGELOG.md`

is not, so list it in every package that has one (the plugin template has none).

  • Keep `development` out of what is published. A `development` condition in

`exports` points at TypeScript source and exists for this workspace only (`customConditions` in `tsconfig.base.json` and the plugin tsconfigs, and the playground's webpack `conditionNames`). Consumers' bundlers also turn it on in dev mode (webpack, Rspack and Vite do), so a published `development` target that is missing, or that is TypeScript under `node_modules`, breaks their dev builds. The `beforePacking` hook in the root `.pnpmfile.cjs` removes the condition from every package's `exports` for `pnpm pack` and `pnpm publish`, so there is nothing to configure per package; edit the file and run `pnpm install` (it updates `pnpmfileChecksum` in the lockfile) if the rule has to change. Do not ship `src` or `sdk.ts` to satisfy it, and do not add `development` to a plugin's `./sdk` export: `rozenite build` manages that entry, drops the `./sdk.ts` value it used to write, and keeps a different `development` value an author wrote. Authors outside this workspace who keep one have to hide it themselves, for example with `publishConfig.exports` (pnpm only); `rozenite build` keeps the managed entries of an existing `publishConfig.exports` in step.

  • Every publishable package owns a `package-contents` test (see

`src/__tests__/package-contents.test.ts`) that packs the built package and checks it with `inspectPackedPackage` from `@rozenite/test-utils/packaging`: every `exports`/`main`/`module`/`types`/`bin` target is in the tarball, the published `exports` is the source `exports` minus `development`, no test, fixture or `rozenite.config.*` file ships, and no shipped module imports a file that was left out. It runs with the package's other tests, so `pnpm test:affected` runs it whenever the package or a dependency changes.

  • Use package-specific npm links in README badges and links.
  • Run formatting and package checks before opening a PR.
Read more
@callstackincubator
Ships withrozenite

Plug-and-play panels for React Native DevTools. Install, enable, and start debugging in minutes.

6711 skill3 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
671
Star history of callstackincubator/rozenite on GitHub, a chart by star-history.com

Other agents on rozenite.

More agents from other plugins.

a11y-architect
Auto-invoked

a11y-architect

Agent

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI…

ecc12d293k
@affaan-m@affaan-mInstall Agent
analyze-pass-impact

analyze-pass-impact

Agent

Analyzes how a specific topic affects a group of compiler passes. Used by the /plan-update skill to parallelize research across…

react1d252k
@facebook@facebookInstall Agent
orchestrator

orchestrator

Agent

- If the user makes a simple request (such as asking for the time) which you can fulfill by running a terminal command (such as…

codex1d135k
@openai@openaiInstall Agent
cavecrew-builder

cavecrew-builder

Agent

Surgical 1-2 file edit. Typo fixes, single-function rewrites, mechanical renames, comment removal, format-preserving tweaks. Hard…

caveman2d119k
@juliusbrussee@juliusbrusseeInstall Agent

Questions about package-creation.

Which coding agents can use package-creation?
package-creation installs in Claude Code and Cursor: each loads subagents from .claude/agents, so copy the file there. Flowy's auto-invocation runs in Claude Code only.