AI Skill for TypeScript AI skill by KissMySkills, cover

適用於 TypeScript 的 AI Skill

$19
跳至產品資訊
AI Skill for TypeScript AI skill by KissMySkills, cover

適用於 TypeScript 的 AI Skill

將 Claude 變成一位能為你撰寫、審查及除錯程式碼的資深 TypeScript 結對程式設計師。

$19 這個技能 一次付清 永久擁有

提示詞檔案 立即下載ai-skill-for-typescript.txt

Library 方案

取得這個技能,以及其他 2,500+ 個

$9/月 或每年 $59

取得 Library · $9/月取得 Library
免費試用這個技能 7 天免費試用

不會收取任何費用。試用結束前 2 天,你會收到首次付款可用的 −30% 優惠碼。

  • 透過一個連接器,在 Claude、ChatGPT、Claude Code、Codex 和 Cursor 中使用
  • 所有技能、提示詞包和代理,試用期間還有 AI CRM 和工具
  • 隨時可取消
為什麼是訂閱?運作方式

只需要這個技能嗎?

一個檔案,一次付清。不含更新,不含連接器。

價格約等於 2 個月的 Library。

$19

Pay once, keep foreverInstant download30-day money-back guarantee

曾登上Product HuntFazierKittyLaunch

  • Visa
  • Mastercard
  • American Express
  • Apple Pay
  • BLIK
  • Klarna

由 Stripe 提供安全結帳

各商標均屬其各自所有者。KissMySkills 與其無關聯,亦未獲其背書。

運作方式

Ask it something hard.

📎 ai-skill-for-typescript.txtLOADED ✓
為這個 fetch 包裝器加上型別,讓回應型別可從端點推斷,並為 JSON 加入 zod 驗證。
CLAUDE · WITH THIS SKILL 你將獲得:一份使用 const 定型、包含請求與回應結構的端點對照表 -> 一個泛型 fetchApi 函式,其回傳型別會根據端點鍵自動推斷 -> 每個端點各自的 Zod schema,搭配 z.infer,讓執行階段解析與靜態型別保持同步 -> 一個針對網路、HTTP 與驗證失敗的具型別錯誤聯集,並在呼叫端使用具窮舉性的 switch -> 一個使用 expectTypeOf 驗證推斷結果並模擬 fetch 的 Vitest 測試 -> 附註假設使用 TS 5.x 且啟用 strict,以及唯一的下一個指令:npx tsc --noEmit。

或者,把所有技能都放進你的 AI。

0:16 · 無聲
用 Library 取得全部 2,500+ 個 · $9/月 →

購買前有疑問嗎?由真人回覆,通常當天就會回覆: hello@kissmyskills.com

// 檔案本身

購買前先讀讀看。

你的 AI 會讀到的檔案開頭,與交付內容完全相同,沒有為頁面改寫任何文字。

用名字稱呼它
載入檔案後,直接用名字和它對話:「Serge,看一下這個頁面。」名字就是為此而設的,也能讓同一個對話裡的多個技能各司其職。
// 驅動你的 AI 的 skill

You are a senior TypeScript developer acting as the user's pair programmer, fluent in strict mode, discriminated unions, generics, narrowing and zod validation at the boundary. You have been activated to type, review and debug TypeScript.

79 行 · .txt · 立即下載

// 內容

這個技能包含什麼

  1. 精確型別:可辨識聯集、泛型、條件型別與映射型別
  2. 用一句話說明編譯器錯誤,並提供維持型別安全性的修正方法
  3. zod 結構描述與 z.infer,用於驗證 API 和表單輸入
  4. 依嚴格程度階段規劃 tsconfig、建置指令碼與從 JS 遷移至 TS 的方案

每天使用 TypeScript 進行 React、Next.js、Express 或函式庫開發的前端、全端和 Node 開發人員。

// 兩種取得方式

直接在 AI 裡使用,或一次下載。

Library 方案

這個技能和其他 2,500+ 個,都在你的聊天裡

$9/月 隨時可取消,或每年 $59

  • 全部 2,500+ 個技能、提示詞包和代理,一開口就載入
  • 不用下載也不用貼上:在 Claude、ChatGPT、Claude Code 或 Cursor 連接一次即可
  • 每週新增技能,每月可下載 10 個目錄檔案
比較 Library、AI CRM 和 Both
一次買斷

只買這個技能,以檔案形式

$19 一次付清

  • 結帳後下載,貼到任何 AI 聊天中
  • 單一檔案,不含更新,不需連接器
  • 30 天退款保證

已經訂閱 Library 或 Both?這個已包含在內,不必另外購買檔案。

// 交給你的助理

或者,讓你的 AI 幫你設定這個技能。

前往 kissmyskills.com/pages/connector,幫我設定「適用於 TypeScript 的 AI Skill」技能(handle:ai-skill-for-typescript)

貼到 Claude、ChatGPT、Claude Code、Cursor 或 Codex。你的 AI 會引導你連接 KissMySkills(約 3 分鐘,7 天免費試用),並載入這個技能。 你的 AI 會讀到什麼 →

你實際買到的是什麼

這項 Claude/ChatGPT 技能可在日常編碼中,作為 TypeScript AI 結對程式設計師使用。它會使用判別聯集與泛型為寬鬆撰寫的程式碼加上型別,將任何 tsc 錯誤用一句話解釋清楚並在不使用 any 的情況下修正,設計具型別的工具與 API,在邊界使用 z.infer 撰寫 zod 結構,為 Node、Vite 或可發布的函式庫產生 tsconfig.json,並依影響程度排序,附上修正方案來審查你的程式碼。

它熟悉 strict 模式旗標、縮小型別範圍與型別守衛、條件型別與映射型別、範本字面值型別、工具型別、模組解析設定、宣告檔案、typescript-eslint、Vitest 與 Jest,以及 React、Next.js、Express 和 Prisma 中使用的型別模式。它不會編譯或執行你的專案;它負責撰寫與審查,而你則使用 npx tsc --noEmit 進行確認。

在 Claude、ChatGPT 和 Gemini 中的運作方式都相同。購買一次,下載檔案,於 2 分鐘內完成安裝,然後貼上錯誤或你想加上型別的程式碼。可與Lena,前端開發人員這項角色技能搭配使用;這一項則是 TypeScript 內的輔助工具。

// 安裝方式 不到 2 分鐘

四個步驟。任何 AI 聊天。

  1. 01
    下載檔案

    結帳後,下載連結會寄到你的信箱。將 .txt 檔案儲存在裝置上的任何位置。

  2. 02
    開啟你的 AI 聊天功能

    任何你已在使用的 AI 聊天:Claude、ChatGPT、Gemini、Grok、Copilot 或其他。

  3. 03
    貼上提示詞

    開啟 .txt 檔案,複製提示詞段落並貼到 Claude 或 ChatGPT,或加入專案中隨時使用。

  4. 04
    開始工作

    您的 AI 現已設定為專業助手。您可以詢問它任何與其專業領域相關的問題。

不需要技術知識。不需訂閱。一次付費,永久使用。.

使用 Library,無需下載任何檔案。 只要連接一次 AI,之後就能直接用名稱呼叫任何技能。

設定指南 → Library · $9/月 →

// faq

關於此產品的問題

TypeScript 的 AI Skill 能做什麼?+

它會讓 Claude 或 ChatGPT 成為 TypeScript AI 結對程式設計師。它會為你的程式碼加入精確型別、解釋並修正編譯器錯誤、設計泛型工具與具型別的 API、在邊界處撰寫 zod 驗證、設定 tsconfig 與建置指令碼、規劃從 JavaScript 遷移至 TypeScript、撰寫測試,並依影響程度排序問題後檢視你的 TypeScript 及提供修正方案。

它會替我編譯或執行 TypeScript 嗎?+

不會。此 Skill 不會執行 tsc、你的 bundler 或測試。它會撰寫並檢視 TypeScript 程式碼,並告訴你接下來要執行哪個指令,通常是 npx tsc --noEmit;它也會標示任何關於你的 TypeScript 版本或嚴格程度的假設,讓你可以在本機確認。

它會只使用 any 來消除 TypeScript 錯誤嗎?+

不會。此 Skill 的設計目標是維持型別安全:它會使用可辨識聯集與型別守衛進行縮窄,在邊界處偏好使用 unknown 而非 as,並且只有在說明 any、ts-ignore 或雙重轉型所掩蓋的問題,同時提供具型別替代方案時,才會提到它們。

它了解 React、Next.js 和 Node 的型別模式嗎?+

了解。它涵蓋 React props 與 hook 的型別、事件型別、Next.js 路由處理程式、Express 請求型別、搭配 @types/node 的 process.env、Prisma 與 Drizzle 產生的型別、ESM 與 CommonJS 設定,以及 moduleResolution 選項;在撰寫 TypeScript 設定前,它會先詢問你使用的是哪個目標環境。

準備好讓您的 AI 專精了嗎?

這個和其他 2,500+ 個,都能在 Claude、ChatGPT、Claude Code、Codex 或 Cursor 裡使用。隨時可取消。