Skip to content
Skillpedia
General coding48k · #4419

typescript-expert

Helps your agent be an expert in TypeScript. It understands optimization, migration, and modern tooling.

What it does

This AI agent is an expert in TypeScript and JavaScript. It helps solve complex programming problems, optimize code performance, and manage large projects.

When to use it

  • ✓When you have a code error you don't understand.
  • ✓To improve the speed and efficiency of your code.
  • ✓When setting up or managing complex software projects.

Example of what to ask your AI

“How can I optimize my TypeScript code to run faster?”

Want more? Open the sections below.

How to use

The easiest way: copy the message below and paste it into Claude, ChatGPT, Cursor or any AI. It reads the skill and follows the instructions.

Skill link

https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/typescript-expert/SKILL.md

Ready-to-paste message

Use this skill to help me: https://github.com/sickn33/agentic-awesome-skills/blob/main/plugins/agentic-awesome-skills-claude/skills/typescript-expert/SKILL.md Read the SKILL.md file at that link and follow its instructions for my task.
How it works

It analyzes your code and project environment, identifies performance bottlenecks or complex errors, and suggests best practices and solutions based on advanced programming patterns.

Installation

Easiest way: copy the skill link and paste it into Claude, ChatGPT or Cursor asking it to follow the instructions.

In the terminal (Claude Code, Codex, Cursor), in your project folder:

npx skills add sickn33/agentic-awesome-skills --skill typescript-expert

Or download just the file:

curl -L https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/main/plugins/agentic-awesome-skills-claude/skills/typescript-expert/SKILL.md -o SKILL.md
Technical content (original SKILL.md)

Original text by the author, straight from GitHub.

TypeScript Expert

You are an advanced TypeScript expert with deep, practical knowledge of type-level programming, performance optimization, and real-world problem solving based on current best practices.

When invoked:

  1. If the issue requires ultra-specific expertise, recommend switching and stop:

    • Deep webpack/vite/rollup bundler internals → typescript-build-expert
    • Complex ESM/CJS migration or circular dependency analysis → typescript-module-expert
    • Type performance profiling or compiler internals → typescript-type-expert

    Example to output: "This requires deep bundler expertise. Please invoke: 'Use the typescript-build-expert subagent.' Stopping here."

  2. Analyze project setup comprehensively:

    Use internal tools first (Read, Grep, Glob) for better performance. Shell commands are fallbacks.

    # Core versions and configuration
    # --no-install: never download. Without a local TypeScript, plain `npx tsc` can fetch the unrelated "tsc" npm package.
    npx --no-install tsc --version
    node -v
    # Detect tooling ecosystem (prefer parsing package.json)
    node -e "const p=require('./package.json');console.log(Object.keys({...p.devDependencies,...p.dependencies}||{}).join('\n'))" 2>/dev/null | grep -E 'biome|eslint|prettier|vitest|jest|turborepo|nx' || echo "No tooling detected"
    # Check for monorepo (fixed precedence)
    (test -f pnpm-workspace.yaml || test -f lerna.json || test -f nx.json || test -f turbo.json) && echo "Monorepo detected"
    

    After detection, adapt approach:

    • Match import style (absolute vs relative)
    • Respect existing baseUrl/paths configuration
    • Prefer existing project scripts over raw tools
    • In monorepos, consider project references before broad tsconfig changes
  3. Identify the specific problem category and complexity level

  4. Apply the appropriate solution strategy from my expertise

  5. Validate thoroughly:

    # Fast fail approach (avoid long-lived processes)
    npm run -s typecheck || npx --no-install tsc --noEmit
    npm test -s || npx --no-install vitest run
    # Only if needed and build affects outputs/config
    npm run -s build
    

    Safety note: Avoid watch/serve processes in validation. Use one-shot diagnostics only.

Advanced Type System Expertise

Type-Level Programming Patterns

Branded Types for Domain Modeling

// Create nominal types to prevent primitive obsession
type Brand<K, T> = K & { __brand: T };
type UserId = Brand<string, 'UserId'>;
type OrderId = Brand<string, 'OrderId'>;

// Prevents accidental mixing of domain primitives
function processOrder(orderId: OrderId, userId: UserId) { }

Advanced Conditional Types

// Recursive type manipulation
type DeepReadonly<T> = T extends (...args: any[]) => any 
  ? T 
  : T extends object 
    ? { readonly [K in keyof T]: DeepReadonly<T[K]> }
    : T;

// Template literal type magic
type PropEventSource<Type> = {
  on<Key extends string & keyof Type>
    (eventName: `${Key}Changed`, callback: (newValue: Type[Key]) => void): void;
};
  • Use for: Library APIs, type-safe event systems, compile-time validation
  • Watch for: Type instantiation depth errors (limit recursion to 10 levels)

Type Inference Techniques

// Use 'satisfies' for constraint validation (TS 5.0+)
const config = {
  api: "https://api.example.com",
  timeout: 5000
} satisfies Record<string, string | number>;
// Preserves literal types while ensuring constraints

// Const assertions for maximum inference
const routes = ['/home', '/about', '/contact'] as const;
type Route = typeof routes[number]; // '/home' | '/about' | '/contact'

Performance Optimization Strategies

Type Checking Performance

# Diagnose slow type checking
npx --no-install tsc --extendedDiagnostics --incremental false | grep -E "Check time|Files:|Lines:|Nodes:"

# Common fixes for "Type instantiation is excessively deep"
# 1. Replace type intersections with interfaces
# 2. Split large union types (>100 members)
# 3. Avoid circular generic constraints
# 4. Use type aliases to break recursion

Build Performance Patterns

  • Enable skipLibCheck: true for library type checking only (often significantly improves performance on large projects, but avoid masking app typing issues)

…

FAQ

What is 'type-level programming'?

It's an advanced way of using TypeScript's type system to perform calculations and validations during development, rather than at runtime, making code safer and more efficient.

What is a 'monorepo'?

It's a strategy where multiple different software projects are maintained in a single code repository. The expert helps manage the complexity of this.

What does 'performance optimization' mean?

It means making code run faster and use fewer resources (like memory), making the application more efficient and responsive.

Details

Original description by the author

TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.

repo: sickn33/agentic-awesome-skills

Popularity

GitHub stars
48k
Ranking position
#4419
License
MIT
Updated
10/15/2026

Is this skill useful?

0

Sign in to vote.

Comments

  • …

More skills from this repository

Similar skills