skills.rest
firstaxel
firstaxelCOMMUNITY
Explore all skills by this author →
GitHub

tanstack-config

Configures Vite builds, ESLint, and Changesets publishing for TypeScript packages.

Updated Feb 27, 2026
Search Tags:#typescript#publishing#eslint#monorepo#vite#changesets#build configuration
One-click install
npx skills add https://github.com/firstaxel/neon --skill tanstack-config-firstaxel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tanstack-config
Source: https://github.com/firstaxel/neon/tree/main/.agents/skills/tanstack-config
Command: npx skills add https://github.com/firstaxel/neon --skill tanstack-config-firstaxel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Setting up a JavaScript/TypeScript package for building, linting, versioning, and publishing requires wiring together many tools (Vite, ESLint, TypeScript, Changesets, GitHub Actions), and misconfiguration leads to broken exports, missing type declarations, or failed publishes. ## Core Features & Use Cases - Vite Build Configuration: Generate dual ESM/CJS outputs with TypeScript declaration files from single or multiple entry points using tanstackViteConfig. - ESLint & Tooling Presets: Apply a shared ESLint flat config plus Prettier, EditorConfig, and tsconfig baselines for consistent code quality. - Publishing Automation: Use Changesets with GitHub Actions workflows for semantic versioning, changelog generation, and npm publishing in pnpm/Nx monorepos. - Use Case: You maintain a monorepo of TypeScript libraries and need every package to produce publint-compliant exports, declaration files, and automated releases—apply these configs to standardize the entire pipeline. ## Quick Start Set up my TypeScript package with the TanStack Vite build config, ESLint preset, and a Changesets-based publish workflow.

Frequently Asked Questions about tanstack-config

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

FAQPage Schema
How do I configure Vite to build a TypeScript library with ESM and CJS output?▼

Use tanstackViteConfig from @tanstack/config/vite and merge it with your own Vite config. Specify the entry point and srcDir, and it generates both ESM and CJS outputs plus .d.ts declaration files automatically.

How do I automate npm publishing with Changesets and GitHub Actions?▼

Run npx changeset to record version bumps, then use the changesets/action GitHub Action in a publish workflow. On merges to main it creates release PRs or publishes directly to npm using your NPM_TOKEN secret.

Does TanStack Config support multiple entry points in one package?▼

Yes, tanstackViteConfig accepts an array of entry files such as index.ts, adapters.ts, and utils.ts. Each entry is built with its own ESM, CJS, and declaration outputs.

Why do modern bundlers fail to resolve my published package?▼

This usually happens when package.json lacks an exports field or "type": "module". Define exports with import/require conditions pointing to the correct dist files and validate with publint before publishing.

Can I use TanStack Config in a pnpm and Nx monorepo?▼

Yes, it is designed for monorepo workflows. Define packages in pnpm-workspace.yaml, enable Nx caching for build/lint/test targets, and use Changesets linked versioning to keep package versions consistent.

Related Skills

Explore More Software Engineering Skills→
Integra-BeautyIntegra-Beauty

integra-generate-type-repository

Generate a TypeScript types repository scaffold with NPM dependencies and CI workflows.

Official
Advanced
mia-cxmia-cx

setup-changesets

Configure and run changesets to publish versioned packages and changelogs.

Official
Intermediate
shin0720shin0720

auto-canary

Automate pre-deployment verification including builds, E2E tests, and browser checks.

Community
Intermediate
partme-aipartme-ai
610

rollup

Configure Rollup bundlers with plugins, code splitting, and tree shaking.

Official
Intermediate