Configures tsdown for efficient TypeScript library bundling, supporting ESM/CJS outputs and declaration files.

Install

mkdir -p .claude/skills/tsdown && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/1310" && unzip -o skill.zip -d .claude/skills/tsdown && rm skill.zip

Installs to .claude/skills/tsdown

Activation

This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.

Use when bundling TypeScript libraries - provides tsdown configuration, dual ESM/CJS output, .d.ts generation, package validation, and plugin authoring
151 chars✓ has a “when” trigger
Intermediate

Key capabilities

  • Bundle TypeScript libraries
  • Generate .d.ts declaration files
  • Configure dual ESM and CJS output
  • Validate package exports
  • Watch files for changes

How it works

It utilizes Rolldown and Oxc to perform high-speed bundling and transformation of TypeScript code into multiple module formats.

Inputs & outputs

You give it
TypeScript source files
You get back
Bundled JavaScript and declaration files

When to use tsdown

  • Bundle a TypeScript library
  • Generate .d.ts files
  • Configure dual ESM/CJS output
  • Set up tsdown.config.ts

About this skill

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

TaskFile
Config file, CLI, entry pointsconfig.md
Format, target, dts, exports, validationoutput.md
Shims, unbundle, watch, frameworks, WASMfeatures.md
Plugins, hooks, lint, programmatic, migrationadvanced.md

Loading Files

Consider loading these reference files based on your task:

DO NOT load all files at once. Load only what's relevant to your current task.

Cross-Skill References

  • Library patterns → Use ts-library skill
  • Vue component libs → Use vue skill
  • Package management → Use pnpm skill

When not to use it

  • When building non-TypeScript projects

Prerequisites

typescript

Limitations

  • Configuration is specific to the tsdown schema
  • Requires TypeScript as a peer dependency

How it compares

It serves as a high-performance, drop-in replacement for tsup, focusing on modern build standards and faster execution.

Compared to similar skills

tsdown side by side with the closest alternatives in the catalog.

SkillInstallsUpdatedSafetyDifficulty
tsdown (this skill)36moReviewIntermediate
drizzle2382moNo flagsIntermediate
zustand1132moNo flagsIntermediate
motion-canvas586moReviewAdvanced

Try saying

Example prompts that trigger this skill in your AI assistant.

motion

onmax

Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt

1044

nuxthub-migration

onmax

Use when migrating NuxtHub projects or when user mentions NuxtHub Admin sunset, GitHub Actions deployment removal, self-hosting NuxtHub, or upgrading to v1/nightly. Covers v0.9.X self-hosting (stable) and v1/nightly multi-cloud (experimental, database/blob not ready).

589

vueuse

onmax

Use when working with VueUse composables - provides reactive utilities for state, browser APIs, sensors, network, animations. Check VueUse before writing custom composables - most patterns already implemented.

417

document-writer

onmax

Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.

325

nuxt-content

onmax

Use when working with Nuxt Content v3 - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio integration, hooks, i18n patterns, and LLMs integration

327

nuxt-modules

onmax

Use when creating Nuxt modules: (1) Published npm modules (@nuxtjs/, nuxt-), (2) Local project modules (modules/ directory), (3) Runtime extensions (components, composables, plugins), (4) Server extensions (API routes, middleware), (5) Releasing/publishing modules to npm, (6) Setting up CI/CD workflows for modules. Provides defineNuxtModule patterns, Kit utilities, hooks, E2E testing, and release automation.

318

You might also like

drizzle

lobehub

Drizzle ORM schema and database guide. Use when working with database schemas (src/database/schemas/*), defining tables, creating migrations, or database model code. Triggers on Drizzle schema definition, database migrations, or ORM usage questions.

238873

zustand

lobehub

Zustand state management guide. Use when working with store code (src/store/**), implementing actions, managing state, or creating slices. Triggers on Zustand store development, state management questions, or action implementation.

113434

motion-canvas

davila7

Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooting for programmatic video creation using TypeScript

58202

turborepo

vercel

Turborepo monorepo build system guidance. Triggers on: turbo.json, task pipelines, dependsOn, caching, remote cache, the "turbo" CLI, --filter, --affected, CI optimization, environment variables, internal packages, monorepo structure/best practices, and boundaries. Use when user: configures tasks/workflows/pipelines, creates packages, sets up monorepo, shares code between apps, runs changed/affected packages, debugs cache, or has apps/packages directories.

61191

shadcn-ui-setup

maneeshanif

Install and configure Shadcn/ui component library with Radix UI primitives, Aceternity UI effects, set up components, and manage the component registry. Use when adding Shadcn/ui to a Next.js project or installing specific UI components for Phase 2.

37194

angular

sickn33

Modern Angular (v20+) expert with deep knowledge of Signals, Standalone Components, Zoneless applications, SSR/Hydration, and reactive patterns. Use PROACTIVELY for Angular development, component architecture, state management, performance optimization, and migration to modern patterns.

100129

Search skills

Search the agent skills registry