tooling
TypeScript tooling, configuration, and build optimization
When & Why to Use This Skill
This Claude skill provides comprehensive expertise in the TypeScript ecosystem, focusing on optimizing development workflows through advanced compiler configurations, build tool integration, and environment setup. It helps developers transition from basic setups to high-performance, enterprise-ready TypeScript architectures by leveraging modern tools like Vite, esbuild, and SWC while ensuring code quality with type-aware linting.
Use Cases
- Build Performance Optimization: Reducing compilation times in large projects by implementing incremental builds and migrating to high-speed tools like esbuild or SWC.
- Monorepo and Project Architecture: Setting up complex multi-package environments using TypeScript Project References to ensure clean boundaries and efficient resource usage.
- Strict Type-Safety Implementation: Configuring robust tsconfig.json rules and type-aware ESLint plugins to eliminate runtime errors and maintain high code standards.
- IDE and Developer Experience Tuning: Optimizing VS Code IntelliSense and refactoring tools through precise configuration to provide instant feedback and smoother coding workflows.
| name | tooling |
|---|---|
| description | TypeScript tooling, configuration, and build optimization |
| sasmp_version | "1.3.0" |
| bonded_agent | 08-typescript-tooling-quality |
| bond_type | PRIMARY_BOND |
TypeScript Tooling Skill
Overview
Master TypeScript tooling including compiler configuration, build optimization, and development environment setup.
Topics Covered
tsconfig.json
- Compiler options deep dive
- Target and module settings
- Strict mode configuration
- Path aliases (paths, baseUrl)
- Include/exclude patterns
Project Setup
- Project references
- Composite projects
- Incremental builds
- Declaration maps
- Monorepo configuration
Build Tools
- tsc vs bundlers
- esbuild for speed
- SWC compilation
- webpack ts-loader
- Vite TypeScript support
Linting
- ESLint TypeScript parser
- Type-aware rules
- typescript-eslint plugin
- Custom rule configuration
- Prettier integration
IDE Integration
- VS Code settings
- tsconfig for IDE
- IntelliSense optimization
- Refactoring tools
- Error lens extensions
Prerequisites
- TypeScript basics
- Node.js environment
- Package management
Learning Outcomes
- Configure optimal tsconfig
- Set up efficient builds
- Integrate linting tools
- Optimize development experience