Community程式設計與開發github.com

hanranyyy/claude-skill-introduce-ts

一個 Claude Code 技能:讓 Claude 幫你把 TypeScript 增量接入現有的 JS 專案(webpack / vite / rollup × Vue 2 / Vue 3 / React)。自動偵測建置工具與框架、產生 tsconfig、改造打包器、遷一個檔案做冒煙驗證。

claude-skill-introduce-ts 是什麼?

這是一個專為 Claude Code 設計的技能,能夠自動化地在現有的 JavaScript 專案中逐步導入 TypeScript。它支援多種建置工具(webpack、vite、rollup)和前端框架(Vue 2、Vue 3、React),能夠自動偵測專案當前的建置工具與框架組合。此技能會自動產生適當的 tsconfig.json 配置文件,改造打包器設定以支援 TypeScript,並遷移一個檔案進行冒煙測試,確保導入過程順利無誤。開發者無需手動介入繁瑣的配置,即可安全地將 TypeScript 集成到現有專案中,逐步採用型別系統,提升程式碼品質與開發效率。這項技能特別適合希望將現有大型 JS 專案逐步遷移至 TypeScript 的團隊,能顯著降低初始導入的成本與風險。

相容平台✓Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add hanranyyy/claude-skill-introduce-ts

Installed? Explore more 程式設計與開發 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

claude-skill-introduce-ts 是做什麼的?

一個 Claude Code 技能:讓 Claude 幫你把 TypeScript 增量接入現有的 JS 專案(webpack / vite / rollup × Vue 2 / Vue 3 / React)。自動偵測建置工具與框架、產生 tsconfig、改造打包器、遷一個檔案做冒煙驗證。

相關技能