Skip to content
Development
Skill

/typescript-language

Apply modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings.

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

Claude Code

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

SKILL.md

typescript-language.SKILL.md
name: typescript-language
description: Apply modern TypeScript standards for type safety and maintainability. Use when working with types, interfaces, generics, enums, unions, or tsconfig settings.
metadata:
  triggers:
    files:
    - '**/*.ts'
    - '**/*.tsx'
    - 'tsconfig.json'
    keywords:
    - type
    - interface
    - generic
    - enum
    - union
    - intersection
    - readonly
    - const
    - namespace

TypeScript Language Patterns

**Priority: P0 (CRITICAL)**

Implementation Guidelines

  • **Type Annotations**: Explicit params/returns. Infer locals.
  • **Interfaces vs Types**: interface for APIs (supports declaration merging). type for unions, intersection types, mapped/conditional types.
  • **Strict Mode**: strict: true. Null Safety: ?. and ?? — Use narrowing instead. Avoid non-null assertion (!) operator.
  • **Enums**: Literal unions or `as const`. **No runtime `enum`**.
  • **Generics**: Reusable, type-safe code.
  • **Type Guards**: `typeof`, `instanceof`, predicates.
  • **Utility Types**: `Partial`, `Pick`, `Omit`, `Record`.
  • **Immutability**: `readonly` arrays/objects. Const Assertions: `as const`, `satisfies`.
  • **Template Literals**: `on${Capitalize<string>}`.
  • **Discriminated Unions**: Literal kind property to narrow type safely. Switch on discriminant.
  • **Advanced**: Mapped, Conditional, Indexed types.
  • **Access**: Default `public`. Use `private`/`protected` or `#private`.
  • **Branded Types**: `string & { __brand: 'Id' }`.

Anti-Patterns

  • **NEVER use `any`**: Use `unknown` or specific interface instead.
  • **No `Function`**: Use signature `() => void`.
  • **No `enum`**: Runtime cost.
  • **No `!`**: Avoid non-null assertion (!). Use narrowing (typeof, instanceof, if-checks).
  • **No Lint Disable**: Fix root cause; never suppress.

Testing

  • **Mocking**: Use `jest.Mocked<T>` or `as unknown as T`.
  • **Checklist**: Check method existence, match error constants, satisfy required properties.
  • **References**: See [references/TESTING.md](references/TESTING.md) for common issues/solutions.

Code

// Branded Type
type UserId = string & { __brand: 'Id' };

// Satisfies (Validate + Infer)
const cfg = { port: 3000 } satisfies Record<string, number>;

// Discriminated Union
type Result<T> = { kind: 'ok'; data: T } | { kind: 'err'; error: Error };

Verification

After any type change that crosses module boundaries or involves generics, unions, conditional types, or branded types: call `getDiagnostics` (typescript-lsp MCP tool) to confirm no type errors before finalizing.

References

For advanced type patterns and utility types: See [references/REFERENCE.md](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.

skills11d309k
@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,…

ecc12d293k
@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…

react1d252k
@facebook@facebookInstall Skill

Questions about typescript-language.

Which coding agents can use typescript-language?
typescript-language 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.