mcpField
T
typescript-advanced-types

typescript-advanced-types

github.com/sickn33開発48.8k1.3k 回インストール今日更新
リポジトリ

typescript-advanced-types について

typescript-advanced-typesは、TypeScriptの高度な型システムを扱うためのガイダンススキルです。再利用可能で型安全なライブラリ、API、フォーム、設定、移行に取り組む開発者向けです。

主な機能

  1. 01ジェネリクスと型推論のガイダンス
  2. 02条件型とマップ型のパターン
  3. 03テンプレートリテラル型とユーティリティ型
  4. 04実装例を含むプレイブック

活用シーン

  1. 01再利用可能なジェネリックコンポーネントの構築
  2. 02型安全なAPIクライアントの設計
  3. 03型付きフォーム検証の作成
  4. 04JavaScriptコードのTypeScriptへの移行

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill typescript-advanced-types

インストール後、Claude Code で/typescript-advanced-typesを入力して読み込まれたか確認します。

同梱ファイルresources/implementation-playbook.md

詳細

TypeScript の高度な型

堅牢で型安全なアプリケーションを構築するために、ジェネリクス、条件型、マップ型、テンプレートリテラル型、ユーティリティ型など、TypeScript の高度な型システムを習得するための包括的なガイドです。

このスキルを使用する場合

  • 型安全なライブラリやフレームワークを構築する場合
  • 再利用可能なジェネリックコンポーネントを作成する場合
  • 複雑な型推論ロジックを実装する場合
  • 型安全な API クライアントを設計する場合
  • フォームのバリデーションシステムを構築する場合
  • 厳密に型付けされた設定オブジェクトを作成する場合
  • 型安全な状態管理を実装する場合
  • JavaScript のコードベースを TypeScript に移行する場合

このスキルを使用しない場合

  • タスクが TypeScript の高度な型と無関係な場合
  • この範囲外の別の分野やツールが必要な場合

手順

  • 目標、制約、必要な入力を明確にしてください。
  • 関連するベストプラクティスを適用し、結果を検証してください。
  • 実行可能な手順と検証方法を提示してください。
  • 詳細な例が必要な場合は、resources/implementation-playbook.md を開いてください。

リソース

  • 詳細なパターンと例については、resources/implementation-playbook.md を参照してください。

制限事項

  • このスキルは、タスクが上記の範囲に明確に該当する場合にのみ使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代わりとして扱わないでください。
  • 必要な入力、権限、安全性の境界、または成功基準が不足している場合は、作業を中断して確認してください。

例

正の型アサーションには Expect<AssertEqual<Result, Expected>> を使用し、意図的に拒否される呼び出しには @ts-expect-error を使用してください。また、API の JSON は実行時にも検証してください。ジェネリックなレスポンス型では、返されたオブジェクトを検査できません。

コメント