スキル typescript-advanced-types
📦

typescript-advanced-types

安全

Master TypeScript Advanced Types

こちらからも入手できます: wshobson

Build type-safe applications with confidence using TypeScript's powerful type system. Learn generics, conditional types, mapped types, and utility types through practical examples.

対応: Claude Codex Code(CC)
🥉 74 ブロンズ
1

スキルZIPをダウンロード

2

Claudeでアップロード

設定 → 機能 → スキル → スキルをアップロードへ移動

3

オンにして利用開始

テストする

「typescript-advanced-types」を使用しています。 Create a generic merge function that combines two objects and preserves their types

期待される結果:

function merge<T, U>(obj1: T, obj2: U): T & U { return { ...obj1, ...obj2 }; }

const result = merge({ name: 'John' }, { age: 30 });
// Type: { name: string } & { age: number }
// Usage: result.name (string), result.age (number)

「typescript-advanced-types」を使用しています。 Create a utility type that makes all nested properties readonly

期待される結果:

type DeepReadonly<T> = {
readonly [P in keyof T]: T[P] extends object
? T[P] extends Function ? T[P] : DeepReadonly<T[P]>
: T[P];
};

// Usage: All nested properties become immutable at compile time

セキュリティ監査

安全
v1 • 2/25/2026

Static analyzer detected 76 patterns but all are false positives. The skill contains documentation-only content with TypeScript code examples in markdown format. No executable code, network calls, or security risks present. All detected patterns are from code snippets used for educational purposes.

2
スキャンされたファイル
755
解析された行数
0
検出結果
1
総監査数
セキュリティ問題は見つかりませんでした
監査者: claude

品質スコア

38
アーキテクチャ
100
保守性
87
コンテンツ
50
コミュニティ
100
セキュリティ
91
仕様準拠

作れるもの

Type-Safe Library Development

Build reusable libraries and frameworks with strong type guarantees that provide excellent developer experience.

Complex API Client Design

Create type-safe API clients with automatic inference of request parameters, response types, and error handling.

Enterprise Application Architecture

Implement robust type systems for large-scale applications with complex data models and state management.

これらのプロンプトを試す

Basic Generic Function 
Create a generic function that accepts any type and returns the same type. Show how TypeScript infers the type automatically and how to explicitly specify it.
Conditional Type for Validation 
Design a conditional type that checks if a type extends another type. Use it to create a type-level validation system for common data types like strings, numbers, and arrays.
Mapped Type for API Responses 
Create a mapped type that transforms all properties of an API response type to be optional and readonly. Include key remapping to add getter methods.
Type-Safe Event System 
Implement a complete type-safe event emitter using generics, conditional types, and template literal types. Support multiple event types with their specific payload types.

ベストプラクティス

  • Use unknown instead of any to enforce type checking before operations
  • Prefer interface for object shapes and type for unions and complex types
  • Leverage TypeScript's type inference and avoid unnecessary type annotations

回避

  • Overusing any type which defeats TypeScript's type safety guarantees
  • Creating overly complex types that slow down compilation and reduce readability
  • Ignoring strict null checks which can lead to runtime errors in production

よくある質問

What is the difference between interface and type in TypeScript?
Use interface for object shapes with better error messages and declaration merging. Use type for unions, intersections, and complex type logic. Both can describe object shapes, but interfaces offer better extensibility.
When should I use generics versus union types?
Use generics when you need type flexibility while maintaining relationships between input and output types. Use union types when a value can be one of several specific types without type relationships.
How do conditional types work in TypeScript?
Conditional types use the extends keyword with a ternary-like syntax: T extends U ? X : Y. They enable type-level logic that selects types based on conditions, similar to if-else at the type level.
What are mapped types and when should I use them?
Mapped types iterate over property keys to transform existing types. Use them for creating variants like Partial, Readonly, or custom transformations that apply uniformly across all properties.
How can I test my TypeScript types?
Create type assertion helpers that verify expected types at compile time. Use patterns like AssertEqual<T, U> that resolve to true for matching types. Test edge cases and ensure type errors occur where expected.
What are template literal types used for?
Template literal types create string-based types with pattern matching. Use them for building type-safe string concatenation, path builders, event names, and enforcing consistent naming conventions.

開発者の詳細

作成者

sickn33

ライセンス

MIT

リポジトリ

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/typescript-advanced-types

参照

main

ファイル構成

📁 resources/

📄 implementation-playbook.md

📄 SKILL.md