build-tools

Configure tsup, Vite, tsx, and tsc for TypeScript projects.

2|1|Updated Nov 13, 2025
One-click install
npx skills add https://github.com/MolcajeteAI/plugin --skill build-tools
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: build-tools
Source: https://github.com/MolcajeteAI/plugin/tree/main/deprecated/tech-stacks/js/common/skills/build-tools
Command: npx skills add https://github.com/MolcajeteAI/plugin --skill build-tools

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill simplifies the setup and configuration of various build tools for TypeScript projects, ensuring efficient and appropriate tooling for different development needs.

Core Features & Use Cases

  • Tool Selection Guidance: Provides clear recommendations for choosing between tsup, tsx, Vite, and tsc based on project type (library, script, app).
  • Configuration Examples: Offers ready-to-use configuration snippets for tsup, tsx, Vite, and tsc, including package.json scripts and tsconfig.json settings.
  • Use Case: When starting a new Node.js library project, use this Skill to quickly set up tsup for bundling, generating both ESM and CJS formats with declaration files and source maps.

Quick Start

Use the build-tools skill to configure tsup for a new Node.js library project.

Frequently Asked Questions about build-tools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure a TypeScript build pipeline for a Node.js library?

To configure a TypeScript build pipeline for a Node.js library, use tsup for bundling to generate ESM and CJS output formats, declaration files, and source maps. This Skill provides detailed configuration examples for package.json and tsconfig.json.

What's the best way to choose between tsup, tsx, and Vite for a TypeScript project?

Choosing between tsup, tsx, and Vite depends on your project type: tsup is recommended for libraries, Vite for applications, and tsx for scripts. This Skill provides tool selection guidance based on your specific development needs.

How do I generate ESM and CJS output formats with TypeScript build tools?

Generate ESM and CJS output formats with TypeScript build tools by configuring tsup. This Skill offers configuration examples that address requirements for output formats, tree shaking, minification, and handling external dependencies.

Does tsup support generating TypeScript declaration files and source maps?

Yes, tsup supports generating TypeScript declaration files and source maps. This Skill provides detailed configuration snippets to enable these features, ensuring your build pipeline outputs both declaration files and source maps alongside ESM and CJS formats.

How do I set up tsx for running TypeScript scripts without manual compilation?

Set up tsx for running TypeScript scripts by configuring it as your script runner in package.json. This Skill provides ready-to-use configuration examples for tsx, eliminating the need for manual compilation steps during script development.

When should I use Vite instead of tsc for building a TypeScript application?

Use Vite instead of tsc when building TypeScript applications that require advanced bundling, tree shaking, and minification. This Skill provides guidance on selecting the right tool, recommending Vite for apps while addressing specific build requirements.