Skip to content
Development
Skill

/typescript-tooling

Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling.

From plugin
agent-skills-standard
583200 skills21 agents33 commands1 MCP

Claude Code

$ npx -y skills add hoangnguyen0403/agent-skills-standard --skill typescript-tooling --agent claude-code

SKILL.md

typescript-tooling.SKILL.md
name: typescript-tooling
description: Development tools, linting, and build config for TypeScript. Use when configuring ESLint, Prettier, Jest, Vitest, tsconfig, or any TS build tooling.
metadata:
  triggers:
    files:
    - 'tsconfig.json'
    - '.eslintrc.*'
    - 'jest.config.*'
    - 'package.json'
    keywords:
    - eslint
    - prettier
    - jest
    - vitest
    - build
    - compile
    - lint

TypeScript Tooling

**Priority: P1 (HIGH)**

Implementation Guidelines

  • **Compiler**: Use `tsc` for CI builds; `esbuild` or `ts-node` for development.
  • **Linting**: Enforce `ESLint` with `@typescript-eslint/recommended`. Enable strict type checking.
  • **Formatting**: Mandate `Prettier` via `lint-staged` and `.prettierrc`.
  • **Testing**: Use `Vitest` (or `Jest`) for unit/integration testing. Target > 80% line coverage.
  • **Builds**: Use `tsup` (library bundling) or `Vite` (web applications).
  • **TypeScript Config**: Aim for `strict: true` long-term. For existing projects, migrate incrementally: start with `strictNullChecks`, then `noImplicitAny`, `strictFunctionTypes`. Do NOT flip `strict: true` in one step.
  • **CI/CD**: Always run `tsc --noEmit` in build pipeline to catch type errors.
  • **Error Suppression**: Favor `@ts-expect-error` over `@ts-ignore` for documented edge-cases.

ESLint Configuration

Enable `@typescript-eslint/recommended` at minimum. When `strict: false` in tsconfig, `no-unsafe-*` rules may produce excessive noise — suppress selectively with `@ts-expect-error` rather than disabling globally.

See [reference](references/REFERENCE.md) for common linting issues (request typing, unused params, test mock typing) and tsconfig migration examples.

Verification Workflow (Mandatory)

After editing any `.ts` / `.tsx` file:

1. Call `getDiagnostics` (typescript-lsp MCP tool) — surfaces type errors in real time. 2. Run `tsc --noEmit` in CI — catches project-wide errors LSP may miss. 3. Run `eslint --fix` — auto-fix formatting and lint violations.

> **Fallback when typescript-lsp MCP unconfigured**: run `tsc --noEmit` directly.

`getDiagnostics` fastest feedback loop. Use it before every commit on modified files. Use `getHover` to inspect inferred types, `getReferences` before renaming symbols.

Anti-Patterns

  • **No `@ts-ignore`**: Use `@ts-expect-error` — self-documents intent, fails if error disappears.
  • **No `any` for request objects**: Import centralized interfaces from `src/common/interfaces/`.
  • **No `eslint-disable` (global)**: Suppress per-line; fix root cause instead.
  • **No atomic `strict: true` flip** on existing repos: migrate incrementally starting with `strictNullChecks`.

References

  • [Config Examples & Linting Patterns](references/REFERENCE.md)
Read more
@hoangnguyen0403
Ships withagent-skills-standard

The portable standards layer for AI coding agents. Sync once, then work in your own runtime.

583200 skills21 agents1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
583
Star history of hoangnguyen0403/agent-skills-standard on GitHub, a chart by star-history.com

Other skills on agent-skills-standard.

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills13d309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react4d252k
@facebook@facebookInstall Skill

Questions about typescript-tooling.

Which coding agents can use typescript-tooling?
typescript-tooling installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.