技能 typescript-advanced-types
🧩

typescript-advanced-types

安全 🌐 網路存取⚙️ 外部命令

掌握進階 TypeScript 類型

複雜的類型邏輯可能難以設計和維護。本技能提供模式和範例,幫助您為專案建立可重複使用且安全的 TypeScript 類型。

支援: Claude Codex Code(CC)
⚠️ 68
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「typescript-advanced-types」。 Show a type-safe builder pattern for a User object

預期結果:

  • 定義必要和可選的鍵
  • 追蹤跨 set 呼叫的建置狀態
  • 在設定必要欄位之前阻止建置
  • 包含簡短的使用範例

正在使用「typescript-advanced-types」。 How do I create a discriminated union for async state?

預期結果:

  • 定義成功、錯誤和載入狀態
  • 使用狀態欄位進行類型收窄
  • 提供類型安全的 switch 處理
  • 展示狀態機 reducer 模式

正在使用「typescript-advanced-types」。 What is key remapping in mapped types?

預期結果:

  • 使用模板文字轉換屬性鍵
  • 使用條件類型過濾屬性
  • 從屬性名稱建立 getter 方法
  • 使用 Capitalize 工具類型示範

安全審計

安全
v4 • 1/17/2026

This is a documentation-only skill containing educational TypeScript content. No executable code, network calls, or filesystem operations exist. All static findings are false positives caused by the analyzer misinterpreting TypeScript syntax as security-relevant patterns.

2
已掃描檔案
894
分析行數
2
發現項
4
審計總數
審計者: claude 查看審計歷史 →

品質評分

38
架構
100
可維護性
85
內容
20
社群
100
安全
83
規範符合性

你能建構什麼

設計可重複使用的類型

為公開套件建立符合人體工學的泛型 API 和工具類型。

類型安全的 UI 模型

使用嚴格的編譯時安全性來建模事件、表單和狀態。

類型化 API 用戶端

建立強類型的請求和回應合約。

試試這些提示

學習概念
用簡單的範例和常見使用案例說明 TypeScript 條件類型。
建立工具類型
建立一個按值類型挑選屬性的映射類型,並說明其運作方式。
設計模式
設計一個類型安全的事件發射器 API,並提供範例事件映射和使用方式。
進階推斷
展示如何從泛型函式推斷參數和回傳類型,並在 API 用戶端中應用它們。

最佳實務

  • 使用 unknown 而非 any 來實現更安全的類型收窄
  • 偏好推斷和輔助類型以減少重複
  • 啟用嚴格的編譯器選項以獲得更強的保證

避免

  • 過度使用 any 來繞過類型檢查
  • 在不需要的情況下建立過於複雜的條件類型
  • 忽略資料模型中的嚴格 null 檢查

常見問題

支援哪些 TypeScript 版本?
這些概念基於現代 TypeScript,適用於目前的穩定版本。
類型複雜度有限制嗎?
非常深的條件或遞迴類型可能會減慢編譯速度。
這可以與我的現有程式碼庫整合嗎?
是的,您可以將這些模式適應到您的介面和工具類型。
它會存取我的資料或檔案嗎?
不會,它只提供指導,不會存取本機資料。
如何排除類型錯誤?
從 strict 模式開始,簡化類型,並新增小型輔助類型。
這與一般的 TypeScript 說明相比如何?
它專注於進階模式,如條件、映射和模板文字類型。