Skip to main content
affpapa.org
RU EN
skill Claude Code CX Codex Cursor GitHub Copilot

typescript-advanced-types · sickn33 — Claude Code skill: install and use

Teaches the agent generics, conditional and mapped types in TypeScript, and stays honest about where type checking stops.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓ 
npx skills add sickn33/agentic-awesome-skills --skill typescript-advanced-types -a claude-code
Open on GitHub

What typescript-advanced-types does

The skill gives the agent a working reference for TypeScript's harder corners: generics, conditional types, mapped types, template literal types, utility types. SKILL.md sets the order of work and points at resources/implementation-playbook.md for the pattern write-ups. The agent is told to pin down the goal and constraints first, then propose steps and a way to verify them.

In Claude Code the install is npx skills add sickn33/agentic-awesome-skills --skill typescript-advanced-types -a claude-code; the file lands at ~/.claude/skills/typescript-advanced-types/SKILL.md. Same skill for Codex, Cursor, OpenCode and Gemini CLI, just a different -a flag. GitHub Copilot goes through gh skill install.

It will not check your types for you. This is guidance text, not a validator, and it does not stand in for tests or review in your own setup. A generic response type never inspects the object the server sent back, so API JSON still needs runtime validation. Skip that and the failure shows up on real data, not at compile time.

What it helps with

  • trace why a generic resolves to any instead of the expected type
  • type an API response with nested items
  • derive a literal union from a set of string keys
  • move a JS module to TypeScript without dropping checks
  • replace Record<string, any> in a config object with a real type

Example prompts for the agent

  • Use the `typescript-advanced-types` skill: type the `/api/orders` response in `src/api/orders.ts` so `items` is fully described
  • Walk through the mapped type in `src/config/schema.ts` and tell me why optional fields disappear, then rewrite it
  • I need a template literal type for the `routes` keys — show one and assert it with `Expect<AssertEqual<Result, Expected>>`

How to install typescript-advanced-types

1Skills CLI (Vercel)

npx skills add sickn33/agentic-awesome-skills --skill typescript-advanced-types -a claude-code

2Manually: put the files in place

~/.claude/skills/typescript-advanced-types/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/typescript-advanced-types/

From the same set80

The whole set →
docker-expert sickn33 A skill that turns your AI agent into a Docker reviewer for Dockerfiles, multi-stage builds and container security. Useful when images and Compose files need a second look. Claude Code CX Codex Cursor +1 27,200installs typescript-expert sickn33 A skill for TypeScript and JavaScript work: it reads your project setup, fixes type errors and speeds up type checking. Useful once a TS codebase gets big. Claude Code CX Codex Cursor +1 12,600installs browser-automation sickn33 This skill builds browser checks around observed UI state and explicit outcomes. Use it for UI workflows, timing failures, or authorised page-data collection. Claude Code CX Codex Cursor +1 6,700installs nextjs-supabase-auth sickn33 This skill wires Supabase Auth into the Next.js App Router with clients, middleware, OAuth callbacks, and Server Actions. Use it when you need protected routes and session handling. Claude Code CX Codex Cursor +1 6,500installs 3d-web-experience sickn33 Helps build and debug web 3D scenes, product configurators, and portfolios. Covers stack choice, model loading, scroll interaction, and performance checks. Claude Code CX Codex Cursor +1 5,200installs prisma-expert sickn33 This skill helps inspect Prisma schemas, migrations, and queries. Use it to investigate an error or review database changes before deployment. Claude Code CX Codex Cursor +1 4,200installs playwright-skill sickn33 Write and run Playwright browser tests directly in Claude Code: responsive design checks, login flows, form submissions, screenshots. Executes locally via Node with a visible browser window. Claude Code CX Codex Cursor +1 3,900installs game-development sickn33 Guides game architecture decisions, platform choices, and core loop structure. Directs the assistant to specialized sub-skills for web, mobile, PC, or VR. Claude Code CX Codex Cursor +1 3,800installs

Other versions of typescript-advanced-types

typescript-advanced-types Seth Hobson Guides an agent through advanced TypeScript types, from generics to conditional and mapped types. Use it for typed libraries, API clients, or strict configuration objects. Claude Code CX Codex Cursor 92,169installs

Similar

lsp-setup official github Installs a language server and configures LSP for Copilot CLI. Use it when you need code navigation such as go-to-definition or find-references. GitHub Copilot 1,100installs dart-use-path-package flutter Teaches the agent to handle Dart file paths via package:path, avoiding string operations that break on Windows. Claude Code CX Codex Cursor +1 5,900installs swiftdata-pro Paul Hudson A skill for writing, reviewing, and improving SwiftData code with modern APIs and best practices. Essential when working with SwiftData-based projects in Swift. Claude Code CX Codex Cursor +1 9,200installs atheris trailofbits Guides setup of coverage-guided fuzzing for Python code and C extensions with Atheris. Use it to investigate crashes and memory corruption. Claude Code CX Codex Cursor +1 5,200installs dwarf-expert trailofbits Inspects DWARF debug sections in compiled binaries, verifies DIE trees, and assists with parsers. Handy when analyzing compiled code. Claude Code CX Codex Cursor +1 5,200installs dart-add-unit-test dart-lang Writes Dart and Flutter unit tests with package:test: files under test/, mockito mocks when dependencies get in the way, and a rerun loop until the suite is green. Claude Code CX Codex Cursor +1 19,100installs migrate-to-shoehorn Matt Pocock Replaces as type assertions in tests with helpers from @total-typescript/shoehorn. Use it when tests need partial objects or deliberately invalid data. Claude Code 475,388installs write-swift emilkowalski This skill guides Swift coding, reviews, and migrations using the language’s current practices. Use it to investigate concurrency errors, hangs, data races, or retain cycles. Claude Code CX Codex Cursor +1 117,500installs

Questions about typescript-advanced-types

How do I install typescript-advanced-types in Claude Code?

Run npx skills add sickn33/agentic-awesome-skills --skill typescript-advanced-types -a claude-code. The skill file ends up at ~/.claude/skills/typescript-advanced-types/SKILL.md.

What does typescript-advanced-types do?

It briefs the agent on writing and untangling advanced TypeScript types: generics, conditional and mapped types, template literals, utilities. Longer examples sit in resources/implementation-playbook.md.

Does the skill validate the JSON my server returns?

No. It only guides the type design, and a generic response type does not look inside the object that came back. Add runtime validation for API payloads yourself.

Source text

SKILL.md · MIT 
---
name: typescript-advanced-types
description: "Comprehensive guidance for mastering TypeScript's advanced type system including generics, conditional types, mapped types, template literal types, and utility types for building robust, type-safe applications."
risk: safe
source: community
date_added: "2026-02-27"
---

# TypeScript Advanced Types

Comprehensive guidance for mastering TypeScript's advanced type system including generics, conditional types, mapped types, template literal types, and utility types for building robust, type-safe applications.

## Use this skill when

- Building type-safe libraries or frameworks
- Creating reusable generic components
- Implementing complex type inference logic
- Designing type-safe API clients
- Building form validation systems
- Creating strongly-typed configuration objects
- Implementing type-safe state management
- Migrating JavaScript codebases to TypeScript

## Do not use this skill when

- The task is unrelated to typescript advanced types
- You need a different domain or tool outside this scope

## Instructions

- Clarify goals, constraints, and required inputs.
- Apply relevant best practices and validate outcomes.
- Provide actionable steps and verification.
- If detailed examples are required, open `resources/implementation-playbook.md`.

## Resources

- `resources/implementation-playbook.md` for detailed patterns and examples.

## Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

## Example

Use `Expect<AssertEqual<Result, Expected>>` for a positive type assertion and
`@ts-expect-error` for an intentional rejected call. Also validate API JSON at
runtime; a generic response type does not inspect the returned object.

© sickn33 · MIT · sickn33/agentic-awesome-skills

See also

Project sponsors

Companies that keep this analytics open
Gold sponsor
Nutra.Club

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor