How to install tsdown
npx skills add https://github.com/onmax/nuxt-skills --skill tsdownFull instructions (SKILL.md)
Source of truth, from onmax/nuxt-skills.
name: tsdown description: Use when bundling TypeScript libraries - provides tsdown configuration, dual ESM/CJS output, .d.ts generation, package validation, and plugin authoring license: MIT
tsdown
Rolldown + Oxc powered TypeScript bundler. Drop-in tsup replacement.
When to Use
- Building TypeScript libraries
- Generating .d.ts declarations
- Publishing npm packages
- Dual ESM/CJS output
- Vue/React component libraries
Quick Start
npm i -D tsdown typescript
// tsdown.config.ts
import { defineConfig } from 'tsdown'
export default defineConfig({
entry: 'src/index.ts',
format: 'esm',
dts: true,
exports: true,
})
tsdown # Build
tsdown --watch # Watch mode
Reference Files
| Task | File |
|---|---|
| Config file, CLI, entry points | config.md |
| Format, target, dts, exports, validation | output.md |
| Shims, unbundle, watch, frameworks, WASM | features.md |
| Plugins, hooks, lint, programmatic, migration | advanced.md |
Loading Files
Consider loading these reference files based on your task:
- references/config.md - if setting up tsdown.config.ts, CLI, or entry points
- references/output.md - if configuring output format, target, .d.ts, exports, or validation
- references/features.md - if using shims, unbundle, watch mode, framework integrations, or WebAssembly
- references/advanced.md - if writing plugins, using linting/validation, programmatic API, or migrating from tsup
DO NOT load all files at once. Load only what's relevant to your current task.
Cross-Skill References
- Library patterns → Use
ts-libraryskill - Vue component libs → Use
vueskill - Package management → Use
pnpmskill
Related skills
More from onmax/nuxt-skills and the wider catalog.
nuxt
Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns. Updated for Nuxt 4.3+.
vue
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
reka-ui
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
nuxt-ui
Use when building styled UI with @nuxt/ui v4 components - create forms with validation, implement data tables with sorting, build modal dialogs and overlays, configure Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
vueuse
Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.
vitest
Use when writing unit/integration tests for Vite projects - configure vitest.config.ts, write test suites with describe/it, create mock implementations with vi.fn and vi.mock, set up code coverage thresholds, and run tests in parallel