TypeScript Tooling

Configure ESLint, Prettier, Jest, and build tools for TypeScript projects.

51|6|Updated Mar 28, 2019
One-click install
npx skills add https://github.com/Mte90/dotfiles --skill typescript-tooling
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: TypeScript Tooling
Source: https://github.com/Mte90/dotfiles/tree/main/.config/opencode/skills/typescript/tooling
Command: npx skills add https://github.com/Mte90/dotfiles --skill typescript-tooling

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the complexities of setting up and maintaining robust development environments for TypeScript projects, ensuring consistency and quality through standardized tooling.

Core Features & Use Cases

  • Standardized Linting & Formatting: Enforces code style and quality using ESLint and Prettier.
  • Efficient Compilation & Building: Integrates tsc, ts-node, esbuild, tsup, Vite, and Webpack for development and production builds.
  • Reliable Testing: Configures Jest or Vitest for comprehensive test coverage.
  • Use Case: Ensure all new TypeScript features are correctly compiled, linted, and tested before merging into the main branch, preventing regressions and maintaining a high code standard across the team.

Quick Start

Configure ESLint and Prettier for a new TypeScript project.

Frequently Asked Questions about TypeScript Tooling

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

FAQPage Schema
How do I configure ESLint and Prettier for a TypeScript project?

Configure ESLint and Prettier for a TypeScript project by enforcing strict type checking and standardized code formatting. This setup ensures code style consistency and quality across your development environment.

What's the best way to set up Jest or Vitest testing in TypeScript?

Set up Jest or Vitest testing in TypeScript by configuring the test runner to handle strict type checking. This approach provides reliable test coverage and addresses common test mock typing issues with clear solutions.

Can I use esbuild, tsup, Vite, and Webpack together for TypeScript builds?

Yes, you can integrate esbuild, tsup, Vite, and Webpack for TypeScript builds. These tools facilitate efficient compilation and building processes for both development and production environments.

How do I fix request object typing and test mock typing issues in TypeScript?

Fix request object typing and test mock typing issues in TypeScript by applying standardized tooling configurations. This Skill provides clear solutions for these common typing problems to enforce strict standards.

Does ts-node support strict type checking for local TypeScript development?

Yes, ts-node supports strict type checking for local TypeScript development. It integrates with the toolchain to enforce code quality and formatting standards during execution.

Why do I need standardized TypeScript tooling for my development environment?

Standardized TypeScript tooling is needed to maintain robust development environments, ensuring consistency and quality. It enforces strict type checking, code formatting, and testing standards to prevent regressions.