建立具有按鈕、表單和操作的聊天小工具既複雜又缺乏文件說明。此技能提供完整的客戶端和伺服器端小工具處理、實體標記和編輯器工具模式,讓您能更快速地建立互動式 AI 介面。

建立 AI 聊天介面需要自訂後端、身分驗證與情境注入。本技能提供 ChatKitServer、useChatKit hooks 與 httpOnly cookie 代理的可上線模式，協助打造安全的聊天體驗。

網頁自動化任務需要手動導航和重複填寫表單。此技能提供 Playwright 的 Model Context Protocol 介面，使 AI 助手能夠以程式化方式導航頁面、與元素互動、擷取資料和截取螢幕截圖。

想要為您的 Catalyst-Relay 伺服器新增 API 路由，但不知道正確的模式？此技能提供完整的範本，用於建立具有 Zod 驗證、一致回應格式和適當文件說明的端點。

需要使用新的業務邏輯擴展 Catalyst-Relay 以實現 SAP ADT 整合。此技能提供了添加純函數、ADT 操作和符合專案慣例的庫可消費程式碼的模式和檢查清單。

從頭開始建立有效的技能需要了解技能格式。本指南提供逐步流程和實用腳本，用於初始化、驗證和打包技能，讓 Claude 具備專業知識和工作流程。

從零建立 MCP 伺服器需要理解協定規格、SDK 模式與評估方法。本技能提供結構化的四階段流程，用於建置可上線的 MCP 伺服器，包含完善的工具設計、輸入驗證與全面測試。內容涵蓋 Python 與 TypeScript 的參考實作、評估框架與安全最佳實務。

為 Claude 對話建立精緻的 HTML 工件需要複雜的工具鏈。此技能提供完整的開發工作流程，透過 React、Vite 與 shadcn/ui 元件來建置、打包並分享專業級工件。

透過端對端型別安全消除執行時期錯誤，並建立對程式碼的信心。此技能使用 Zod 驗證、tRPC API 和 Prisma ORM 教授現代 TypeScript 模式,打造堅若磐石的全端應用程式。

手動建立 tRPC 路由器和 Zod 架構每個端點需要 20-30 分鐘，且存在類型錯誤和缺少匯出的風險。此技能可透過驗證架構、範例模式和自動註冊檢查來建構完整的類型安全端點。

建立有效的測試策略耗時且容易出錯。此技能提供可直接使用的模板、覆蓋率檢查清單，以及單元測試、整合測試、端到端測試和效能測試的經過驗證的模式。它幫助團隊建立品質閾值，並確保在所有開發階段都能獲得穩健的測試覆蓋。

現代應用程式需要即時資料傳遞以支援 LLM 介面、通知和即時更新。本技能提供 Server-Sent Events、WebSockets 和 ReadableStream API 的程式碼模式，以實生生產環境就緒的串流解決方案。

React Server Components 透過將渲染移到伺服器來改變你建構 React 應用的方式。此技能提供 Next.js 15 App Router 的模式與範本，包含資料擷取、Server Actions，以及串流以加速頁面。

手動程式碼審查耗時且容易遺漏問題。此技能針對檔案大小、複雜度、命名、匯入、架構、ESLint 和 TypeScript 合規性執行 7 項自動檢查，確保符合 DevPrep AI 標準。

手動建立功能模組需要遵循複雜的架構模式與命名慣例。此技能可自動化模組建立，並提供正確的 TypeScript 介面、barrel 匯出，以及透過驗證強制品質標準。

為邊緣運行時構建應用程式需要特殊的模式來實現低延遲和全球分佈。本技能提供經過驗證的 Cloudflare Workers、Vercel Edge 和 Deno Deploy 部署模式。

手動將設計原型轉換為 React 元件既耗時又容易出錯。此技能可自動化從 HTML 分析、元件骨架建構到品質驗證的整個工作流程，在強制執行一致程式碼標準的同時，將實作時間減少 70%。

程式碼審查缺乏明確標準，導致審查結果不一致且耗時。本技能提供結構化檢查清單、傳統註釋模式和回饋範本，確保徹底且建設性的審查，從而提升程式碼品質和團隊協作。

API 常見問題包括不一致的模式和文件不完整。這個框架提供經過驗證的設計模式、錯誤處理慣例，以及可直接使用的 OpenAPI 和 AsyncAPI 範本。建置開發者友善且可擴展的 API。

建構 AI 原生應用程式需要了解 RAG 管道、代理工作流程和向量資料庫。本技能提供經過驗證的模式，用於整合 LLM、實作語義搜尋，以及建立能夠推理和採取行動的自主代理。