手動格式化程式碼耗時且會導致程式碼庫中的風格不一致。此技能會自動套用 Black 格式化、isort 匯入排序和 Ruff linting 修正，保持程式碼整潔且一致。

測試覆蓋率分析可識別未測試的程式碼路徑，並建議撰寫特定的測試。此技能提供可行的洞察，協助開發人員達到 80% 的覆蓋率目標並提升程式碼品質。

開發人員在專案之間難以實施一致的測試實踐。此技能提供結構化的單元測試、整合測試和端到端測試指導，使用 Vitest 和 Playwright，並包含明確的覆蓋率目標和最佳實踐。

手動程式碼品質檢查會減慢開發速度並導致錯誤溜走。此技能會在每次提交或部署前自動執行 linting、類型檢查、測試和安全審計。

緩慢的 Next.js 應用程式會傷害使用者體驗與 SEO 排名。此技能會分析你的應用程式，並針對 Core Web Vitals、bundle size 與 rendering strategies 提供具體最佳化建議。

理解不熟悉的程式碼庫需要大量時間與精力。此技能提供專案結構、技術堆疊、相依性與程式碼品質指標的系統性分析，以加速上手與決策。

此技能提供用於建置 ASP.NET Core 後端服務的標準化慣例。涵蓋架構模式、實體設計、資料庫操作、管理器模式、DTO 對映，以及控制器最佳實務，以建立一致且易於維護的程式碼基底。

此技能為 Perigon WebApp 提供標準化的 Angular 21+ 開發規範。涵蓋元件架構、訊號狀態管理以及 Material Design 整合，幫助開發人員維護一致且現代化的程式碼。

代理系統在使用設計不佳的工具時會遇到問題，這些問題無法透過提示工程來解決。本技能提供了經過驗證的模式，用於創建代理能夠理解、正確選擇並可靠使用的工具 API。

隨機修復浪費時間並產生新錯誤。此技能強制執行四階段除錯流程，始終在提出修復方案之前找到根本原因，防止症狀層面的修補和架構債務。

從頭開始創建 AI 代理需要理解異步模式、工具集成和多代理交接。本技能提供生產就緒的腳手架模式，讓您可以專注於代理邏輯而非樣板代碼。

使用者難以建構能夠隨著 AI 回應逐 token 串流時即時更新的回應式聊天介面。此技能提供生命週期處理常式、進度指示器和用戶端效果的程式碼範本，以建立流暢的串流體驗。

建立具有適當模式的生產環境後端需要跨多個文件來源進行研究。此技能為 FastAPI、SQLModel、Dapr pub/sub 和 JWT 身份驗證提供即用型程式碼模式,讓您可以立即開始建構。

Next.js 開發需要了解路由、元件和建置設定的可見性。此技能提供基於 MCP 的工具，讓您可以直接從 AI 助手檢查 Next.js 應用程式結構、除錯路由問題，以及查看建置設定。

前端開發者需要一致的 TypeScript 型別定義，以確保整個應用程式的型別安全。此技能提供建立與後端 API 回應相符之型別的模式與慣例。

使用錯誤的模式建立 Next.js 元件會導致效能問題、水合錯誤和不良的用戶體驗。本技能提供伺服器和用戶端元件模式、無障礙合規性和 React 最佳實踐，以建立高效且可存取的前端元件。

創建引人入勝的使用者介面與流暢的動畫效果。此技能提供即用的程式碼模式,用於懸停效果、頁面轉場、滾動動畫,以及 React 和 Next.js 應用程式中的複雜手勢互動。

脈絡限制會導致意外的 AI 行為與高成本。本技能教你在代理系統中運用經過驗證的模式（如漸進揭露與注意力感知配置）來設計、編列與最佳化脈絡。

建立 MCP 伺服器，使 Claude 與其他 LLM 能透過設計良好的工具與外部 API 和服務互動。本指南涵蓋 Python FastMCP 與 TypeScript MCP SDK 實作，包含驗證、Docker 部署與測試模式。

Next.js 16 引入重大變更，容易導致常見錯誤。此技能提供正確的異步參數、伺服器動作、佈局和中介軟體模式。使用它來避免建置失敗並實現獨特的前端設計。