為 Claude 對話建立多元件 React 產出物需要複雜的打包和設定。此技能自動使用 React 18、TypeScript、Tailwind CSS 和 40+ 個 shadcn/ui 元件進行專案設定，然後將所有内容打包成單一 HTML 檔案。

建置高效能 React 應用程式需要理解複雜的優化模式。此技能提供來自 Vercel 工程團隊的 45 條優先規則，指導 AI 編寫、審查和重構 React 及 Next.js 程式碼，以達到最佳效能。

在程式碼撰寫後才寫測試會導致錯誤的信心並遺漏邊界情況。此技能強制執行 TDD 紀律：先撰寫失敗的測試，然後實作剛好足夠通過測試的程式碼。

開發者經常因為過於接近實作而忽略自己程式碼中的問題。此技能會派遣 AI 子代理程式來根據需求審查程式碼變更，在合併前檢查品質、架構、測試和生產環境就緒狀態。

此技能可自動為 Next.js 網站新增多語言支援，包含 hreflang 標籤、地區設定配置、翻譯檔案以及國際市場的 SEO 優化。

建構有效的 MCP 伺服器需要了解協議規格、SDK 模式和測試策略。本技能提供全面的指南，說明如何使用 Python 和 TypeScript 建構高品質的 MCP 伺服器，並包含評估框架來驗證工具的有效性。

程式碼重複會導致維護噩夢和不一致的行為。本技能引導您透過系統化的四步驟流程來識別、抽象、替換和驗證重構變更，以消除重複並提升程式碼品質。

Lint 失敗會拖慢程式碼審查並阻擋發布。此技能會執行專案的 lint 工作流程，並在保持程式碼行為不變的情況下引導修復。

瀏覽器擴充功能專案常常在跨瀏覽器相容性和適當的國際化設定方面遇到困難。此技能提供以 WXT 為基礎的擴充功能開發的明確指導，支援 Chrome、Firefox 和 Edge，並具有適當的 i18n 結構。

撰寫後端測試需要大量時間且需要測試框架的知識。此技能會分析您的程式碼結構、偵測您的測試環境，並生成涵蓋正常路徑、錯誤情況和邊界情況的全面測試。

程式碼審查可以在部署前發現錯誤，但非常耗時。此技能提供結構化的檢查清單、安全模式和 MERN 堆疊審查的最佳實踐，確保不會遺漏任何關鍵問題。

為外部服務建立 MCP 伺服器需要了解協定規格、工具設計模式和評估方法。本指南提供使用 Python 和 TypeScript 建立生產品質 MCP 伺服器的全面說明，包括工具設計、驗證、錯誤處理和測試的最佳實踐。

除錯複雜的 Next.js 應用程式需要檢查路由、元件與建置組態。此技能提供以 MCP 為基礎的工具，可直接從你的開發環境列出路由、檢視元件並檢查建置資訊。

建構 ChatKit 聊天機器人需要整合多種技術（FastAPI、OpenAI Agents SDK、MCP 工具）並採用適當的安全模式。此技能提供完整的架構指南，協助建立具備用戶隔離和即時功能的生產級聊天機器人。

在程式碼之後撰寫測試會導致脆弱的程式碼庫並遺漏錯誤。本技能提供結構化的 TDD 工作流程、測試模式和 Playwright 自動化功能，協助您在撰寫程式碼之前撰寫可維護的測試、早期發現錯誤，並建立對軟體的信心。

此技能幫助開發人員在 Python 專案中遵循測試驅動開發實踐。它引導使用者完成紅-綠-重構週期、pytest 配置和測試品質審計。

Shell 腳本常常因為缺少錯誤處理而靜默失敗或表現不可預測。本技能提供經過實戰測試的模式，用於穩健的 bash 和 zsh 腳本撰寫，包括正確的錯誤處理、安全的變數擴展和模組化代碼結構。

編寫具有依賴項的獨立 Python 腳本需要手動設置和配置。此技能可生成可直接執行的腳本，包含 PEP 723 內聯元數據、自動依賴項管理和正確的 CLI 參數解析。

應用程式常常面臨回應時間緩慢、記憶體使用量高和使用者體驗不佳的問題。此技能提供專家指導，協助識別瓶頸、優化程式碼、進行負載測試，以及改善跨前端、後端和資料庫層的 Core Web Vitals。

建構 Next.js 應用程式需要了解 App Router、Server Components 和效能模式。本技能提供專業的架構指導，協助使用現代模式設計、遷移和優化 Next.js 應用程式。