TypeScript Project Setup

What problem does it solve?

Setting up a new TypeScript project with modern tooling (linting, formatting, testing, CI/CD) can be complex and time-consuming. This skill provides standardized configurations and guidance to quickly bootstrap projects, ensuring best practices from day one and reducing setup overhead.

Core Features & Use Cases

• Configurable Setup: Choose your module system (ES Modules/CommonJS), linting/formatting tool (Biome/ESLint+Prettier), testing framework (Vitest/Playwright), and pre-commit hooks.
• Modern Tooling: Integrates with cutting-edge tools like Biome for fast linting/formatting, Vitest for unit tests, and Playwright for end-to-end tests.
• CI/CD Ready: Provides GitHub Actions workflows and Makefile targets for consistent development, quality checks, and deployment.
• Use Case: You're starting a new frontend application with Vite and TypeScript. Use this skill to generate all necessary tsconfig.json, biome.json, vitest.config.js, and GitHub Actions files, saving hours of manual configuration.

Quick Start

Set up a new TypeScript project. Choose ES Modules, Biome for linting, Vitest for testing, and enable pre-commit hooks.