typescript-standards

Standardize TypeScript library projects with tsup, Vitest, ESLint, and Prettier.

1|Updated Nov 18, 2023
One-click install
npx skills add https://github.com/jordanburke/typescript-library-template --skill typescript-standards
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: typescript-standards
Source: https://github.com/jordanburke/typescript-library-template/tree/main/.claude/skills/typescript-standards
Command: npx skills add https://github.com/jordanburke/typescript-library-template --skill typescript-standards

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill eliminates the complexity and manual effort involved in setting up new TypeScript libraries or standardizing existing ones. It provides a consistent, modern blueprint for tooling, build processes, testing, and code quality, ensuring your projects are always up-to-date and maintainable. Stop wrestling with configurations and start building.

Core Features & Use Cases

  • New Project Setup: Guides you through creating a new TypeScript library from a battle-tested template, pre-configured with best practices.
  • Existing Project Standardization: Automates the migration of older or inconsistent TypeScript projects to a unified, modern standard (tsup, Vitest, ESLint, Prettier, dual module format).
  • Automated Quality Gates: Implements a single pnpm validate command that formats, lints, tests, and builds your project, ensuring every commit meets high quality standards.
  • Use Case: A development team needs to ensure all their TypeScript libraries follow the same build, test, and linting conventions. This Skill provides the definitive guide and tools to achieve this consistency across their entire codebase, saving countless hours in code reviews and debugging.

Quick Start

Scenario 1: Creating a New Project

Clone the template

git clone https://github.com/jordanburke/typescript-library-template.git my-library cd my-library

Remove template's git history

rm -rf .git git init

Install dependencies

pnpm install

Validate everything works

pnpm validate

Frequently Asked Questions about typescript-standards

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

FAQPage Schema
How do I standardize TypeScript library projects with a consistent build and test setup?

Standardize TypeScript projects by automating configuration of tsup, Vitest, ESLint, and Prettier across your codebase. This Skill applies a unified blueprint for building, testing, linting, and formatting, ensuring all libraries follow the same conventions and are production-ready for dual module (CommonJS and ESM) publishing.

Can I migrate an existing TypeScript project to a modern dual module format?

Yes. This Skill automates migration of older or inconsistent TypeScript projects to dual module format with tsup, Vitest, ESLint, and Prettier. It generates and adapts configuration templates to enable both CommonJS and ESM exports while establishing a consistent command suite (format, lint, test, build, validate).

What's the fastest way to set up a new TypeScript library with best practices?

Clone the typescript-library-template, initialize your own git history, run pnpm install, and validate with pnpm validate. This Skill guides you through creating a pre-configured TypeScript library with battle-tested tooling and conventions already in place, eliminating manual setup.

How do I enforce code quality across all TypeScript library commits?

Implement a single pnpm validate command that formats, lints, tests, and builds your project in one step. This Skill creates an automated quality gate ensuring every commit meets consistent standards across formatting, linting, testing, and build verification.

Does this work for teams needing consistent TypeScript standards across multiple libraries?

Yes. This Skill provides a definitive guide and tooling to ensure all TypeScript libraries follow identical build, test, and linting conventions. It saves development teams countless hours by automating standardization and eliminating configuration inconsistencies across their entire codebase.

What tooling does this Skill configure for TypeScript projects?

This Skill configures tsup for building, Vitest for testing, ESLint for linting, and Prettier for code formatting. It generates and adapts configuration templates (tsup.config.ts, vitest.config.ts, eslint.config.mjs, tsconfig.json) and establishes a consistent command suite for standardized workflows.