scaffold-cli — Claude Code skill: TypeScript CLI and npm package
Bootstraps a new TypeScript CLI and npm package from pinned templates: configs, source, CI and publishing. Useful when you start a tool from scratch.
npx skills add mblode/agent-skills --skill scaffold-cli -a claude-codeWhat scaffold-cli does
The skill turns an empty folder into a repo npm can publish. It runs eight steps: gather project info, create the directory structure, generate configs, generate source, write docs, run post-scaffold commands, validate, then bootstrap GitHub and npm. Templates live in references/ and encode the whole toolchain: tsdown instead of tsup, vitest instead of jest, oxlint and oxfmt via ultracite, node:util styleText instead of chalk, @clack/prompts instead of ora.
Step 1 asks only for what you did not supply: package name, description, bin, repo, author. The {{repo}} value has to match the GitHub owner/name exactly, because npm provenance rejects a publish whose repository.url differs from the repo it came from. Worth checking the name before the first release, not after.
You need a shell, Git, Node.js, pnpm and npm registry access. Remote publishing requires authentication with the relevant account. The skill is not for Next.js apps, not for the structure of an existing codebase, and not for shipping a release of a package you already have — the set covers those with other skills.
What it helps with
- scaffold a TypeScript CLI from scratch
- set up a tsdown build with dual outputs
- wire changesets and an npm publish workflow
- get the first CI run green
- generate AGENTS.md and README for a new package
Example prompts for the agent
- scaffold a TypeScript CLI called md-tools
- start a new npm package with the bin md
- scaffold the CLI template and get CI green
How to install scaffold-cli
1Skills CLI (Vercel)
npx skills add mblode/agent-skills --skill scaffold-cli -a claude-code2Manually: put the files in place
~/.claude/skills/scaffold-cli/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/scaffold-cli/
1Skills CLI (Vercel)
npx skills add mblode/agent-skills --skill scaffold-cli -a codex2Manually: put the files in place
.agents/skills/scaffold-cli/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add mblode/agent-skills --skill scaffold-cli -a cursor2Manually: put the files in place
.cursor/skills/scaffold-cli/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install mblode/agent-skills scaffold-cli2Manually: put the files in place
.github/skills/scaffold-cli/SKILL.md1Skills CLI (Vercel)
npx skills add mblode/agent-skills --skill scaffold-cli -a gemini-cli2Platform CLI
gemini skills install https://github.com/mblode/agent-skills --path skills/scaffold-cliManually: put the files in place
.devin/skills/scaffold-cli/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add mblode/agent-skills --skill scaffold-cli -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about scaffold-cli
How do I install scaffold-cli in Claude?
Run npx skills add mblode/agent-skills --skill scaffold-cli -a claude-code. The skill lands at ~/.claude/skills/scaffold-cli/SKILL.md.
What does scaffold-cli do?
It builds a new TypeScript CLI and npm package from templates: package.json, tsconfig, tsdown, source files, changesets, GitHub Actions and docs. It takes the repo to a green first CI run.
What does scaffold-cli need to run?
A shell, Git, Node.js, pnpm and npm registry access. Remote publishing needs authentication with the relevant account.
Source text
SKILL.md · MIT
---
name: scaffold-cli
description: Scaffolds a TypeScript CLI and npm package with the house toolchain, dual tsdown outputs, CLI contracts, changesets, and publishing templates. Use when asked to "scaffold a CLI" or "start an npm package".
compatibility: Requires a shell, Git, Node.js, pnpm, and npm registry access. Remote publishing requires the relevant account authentication.
---
# Scaffold CLI
- **IS:** bootstrapping a brand-new TypeScript CLI or npm package (Node 24, TypeScript 7) from the pinned templates in `references/`, through to a green first CI run and a package npm can publish over OIDC.
- **IS NOT:** a Next.js web app (use `scaffold-nextjs`), folder structure or module contracts for an existing codebase (use `codebase-architecture`), auditing an existing CLI's ergonomics (use `dx-audit`), or shipping a release of an existing package (use `autoship`).
The templates encode the house toolchain. Substitute project values and verify template APIs against installed package versions; repair proven incompatibilities instead of blindly reproducing them. The toolchain is the opinion: tsdown not tsup, vitest not jest, oxlint and oxfmt via ultracite not eslint or prettier, `node:util` `styleText` not chalk, `@clack/prompts` not ora. Swapping any of them or restructuring the layout produces a repo the templates' notes no longer describe.
## Reference Files
| File | Read When |
|------|-----------|
| `references/scaffold-configs.md` | Step 3: package.json, tsconfig, tsdown, gitignore, license, changeset config, GitHub Actions |
| `references/scaffold-source.md` | Steps 4-5: src/cli.ts, src/index.ts, src/types.ts, AGENTS.md, README.md, skills/SKILL.md |
| `references/agent-friendly-cli.md` | Step 4, only when a command takes an identifier, path, or URL, or mutates state: input validation, dry-run, confirmation, schema |
| `references/post-scaffold.md` | Steps 6-8: post-scaffold commands, the lefthook.yml replacement, validation checklist, GitHub and npm bootstrap, troubleshooting |
## Scaffold Workflow
Copy this checklist to track progress:
```text
Scaffold progress:
- [ ] Step 1: Gather project info
- [ ] Step 2: Create directory structure
- [ ] Step 3: Generate config files
- [ ] Step 4: Generate source files
- [ ] Step 5: Generate docs and skill
- [ ] Step 6: Run post-scaffold commands
- [ ] Step 7: Validate scaffold
- [ ] Step 8: Bootstrap GitHub and npm (with the user's go-ahead)
```
### Step 1: Gather project info
Ask only for what the user didn't provide:
| Variable | Example | Default | Used in |
|----------|---------|---------|---------|
| `{{name}}` | `md-tools` | required | package.json name, README title, npm package |
| `{{description}}` | `CLI tool to convert content to markdown` | required | package.json, README, SKILL.md |
| `{{bin}}` | `md` | same as `{{name}}` | package.json bin field, CLI examples, skills folder |
| `{{repo}}` | `acme/md-tools` | required | package.json repository, GitHub repo, npm trusted publisher |
| `{{author}}` | `Your Name` | required | package.json, LICENSE |
| `{{year}}` | `2026` | current year | LICENSE |
`{{repo}}` must be the exact GitHub `owner/name`: npm provenance rejects a publish whose `repository.url` differs from the repo it came from.
### Step 2: Create directory structure
```
{{name}}/
.changeset/
.github/
workflows/
src/
skills/{{bin}}/
```
### Step 3: Generate config files
Load `references/scaffold-configs.md`. Generate every file there, replacing each `{{placeholder}}`:
`package.json`, `tsconfig.json`, `tsdown.config.ts`, `.gitignore`, `LICENSE.md`, `.changeset/config.json`, `.changeset/README.md`, `.github/workflows/ci.yml`, `.github/workflows/npm-publish.yml`
### Step 4: Generate source files
Load `references/scaffold-source.md`. Generate:
- `src/cli.ts`: Commander entry point with agent-friendly defaults (`--output text|json`, `--no-input`, stdout data / stderr log split, JSON error envelope)
- `src/index.ts`: Public API exports
- `src/types.ts`: Shared type definitions
When a command takes an identifier, path, or URL, or mutates state, also load `references/agent-friendly-cli.md` and copy the matching pinned pattern. Skip it for a CLI with no such command.
### Step 5: Generate docs and skill
From the same `references/scaffold-source.md`, generate:
- `AGENTS.md`: commands, architecture, gotchas, agent invariants
- `README.md`: install, usage, API, agent skill install, license
- `skills/{{bin}}/SKILL.md`: agent skill definition
Use AGENTS.md directly; do not create a CLAUDE.md wrapper or symlink.
### Step 6: Run post-scaffold commands
Load `references/post-scaffold.md`. Run the command sequence in the order given, including the `lefthook.yml` overwrite between `ultracite init` and the first commit.
### Step 7: Validate scaffold
Run the validation checklist in `references/post-scaffold.md`. Every item is a command whose output is the evidence; the checklist includes `publint`, `arethetypeswrong`, the hook exercised against real files, and the placeholder sweep.
### Step 8: Bootstrap GitHub and npm
For a local scaffold, stop after Step 7. If the user already requested remote setup or publication, carry out that authorized scope. Otherwise present the prepared repository/package identity before asking to create or publish it. Otherwise follow "Bootstrap GitHub and npm" in `references/post-scaffold.md`: create and push the repo, enable Actions-created PRs, publish 0.0.1 once by hand so the package exists, then register the workflow as a trusted publisher. Terminal evidence is a green CI run on the pushed commit and `npm view {{name}} version` printing `0.0.1`. From here every release belongs to `autoship`.
## Dependencies
**Runtime:** `@clack/prompts`, `commander`
**Development (in the package.json template):** `@changesets/cli`, `@types/node`, `tsdown`, `typescript`, `vitest`
**Added by `ultracite init`, never listed by hand:** `ultracite` (pinned exact by init), `oxlint`, `oxfmt`, `lefthook`, plus the `check`, `fix`, and `prepare` scripts. By-hand entries produce duplicate scripts and version skew against what init installs.
## Gotchas
- **tsdown emits `.mjs` by default.** With `platform: node` (the default) `fixedExtension` is on, so a config without `outputOptions.entryFileNames: "[name].js"` builds `dist/cli.mjs`, `dist/index.mjs`, and `dist/index.d.mts`, and `bin` and `exports` point at files that do not exist. The `outputOptions` block in the template is what keeps them `.js`; do not trim it as noise.
- **No shebang in `src/cli.ts`.** tsdown's `banner` injects `#!/usr/bin/env node`; a source shebang doubles it in `dist/cli.js`. The two build entries stay separate: the CLI entry has the banner and `dts: false`, the library entry has `dts: true` and no banner.
- **`"test": "vitest run"` without `--passWithNoTests`** exits 1 on a repo with zero test files, so the first CI run goes red.
- **`@changesets/cli@3` pairs with `changesets/action@v2` and the `publish-script:` input.** `@v1` cannot drive changesets v3, and `@v2` given the v1 `publish:` input versions the package and then completes green without publishing. The templates carry the matching pair; do not downgrade one side.
- **npm cannot register a trusted publisher for a package that does not exist yet.** The first release run fails `E404` or `ENEEDAUTH` until Step 8's one-time manual `pnpm publish` has created the package and the workflow is registered. That publish happens before any changeset exists, so it is the one manual publish `autoship`'s rules do not forbid.
- **Node 22 ships npm 10.9.x; OIDC publishing needs npm 11.5.1 or later.** Node 24 ships npm 11.19, which is why both workflows pin `node-version: 24`. Lowering it to 22 breaks publishing with `ENEEDAUTH`. The release workflow upgrades npm even though the project uses pnpm: `pnpm publish` can hand the upload to the npm CLI on `PATH`, and an older npm there fails OIDC.
- **Agent-facing output is a format contract.** Data on stdout, logs and progress on stderr; a stray `console.log` breaks a consumer parsing `--output json`. Never prompt when stdin is not a TTY: honor `--no-input` and take every value as a flag, or the process hangs under a pipe.
## Related Skills
- `autoship`: every release after the bootstrap publish: changeset, CI watch, Version Packages PR, publish verification, and diagnosis of a release that did not publish.
- `dx-audit`: audit the CLI's flags, errors, and types once real commands exist.
- `agents-md`: grow the generated AGENTS.md as the codebase gains structure.
- `ghostwriter`: rewrite the README once there is a real usage story to tell.
Maintenance only: `evals/evals.json` contains regression scenarios for changes to this skill; it does not load during a user task.
© mblode · MIT · mblode/agent-skills