React 元件開發通常需要一致的結構、hooks、測試、stories 和無障礙檢查。此技能會引導 Claude、Codex 和 Claude Code 建立具型別、可測試的 React 元件。

JWT 驗證需要謹慎處理權杖建立、驗證和宣告處理。此技能會引導 FastAPI 實作存取權杖、依賴項、RBAC 和安全設定。

Next.js App Router 工作通常需要精確的檔案結構與元件邊界。此技能以 Server Component 預設值，指引頁面、layout、route 與 dashboard 的實作。

FastAPI 專案需要一致的結構來管理 routes、schemas、auth、database sessions 和 CORS。此 skill 會引導 Claude、Codex 和 Claude Code 建立可維護的後端模式。

環境設定通常分散在多個檔案和部署目標中。此技能提供適用於 .env 範本、驗證與密鑰處理的型別化 FastAPI 模式。

手動處理資料庫結構變更時，可能會導致應用程式中斷或資料遺失。此技能會指引 SQLModel 和 FastAPI 專案進行 Alembic 設定、遷移產生、回復規劃與審查。

當 URL、SSL 和連線池設定不一致時，資料庫設定可能會失敗。此技能提供 FastAPI 和 SQLAlchemy 的模式，用於 Neon PostgreSQL 連線、工作階段、健康檢查和連線池設定。

當驗證規則在不同層之間被複製時，API 和表單經常會逐漸不一致。此技能為 Claude、Codex 和 Claude Code 提供共享結構描述、清楚錯誤訊息，以及更安全輸入處理的實用模式。

以文件為主的應用程式需要在不向每位使用者暴露所有檔案的情況下提供相關答案。此技能展示 Context7 文件匯入、搜尋，以及依角色範圍限定的檢索模式。

在 React 應用程式中新增聊天小工具，需要謹慎處理用戶端載入、設定與認證資料管理。這項技能提供在 Next.js 和 React 中實作 ChatKit widget 的聚焦模式。

身分驗證工作很容易規格不足，也很難確保安全。此技能會引導 Claude、Codex 和 Claude Code 處理表單、工作階段、受保護路由和角色檢查。

API 團隊需要能可靠涵蓋後端端點與瀏覽器流程的測試。此技能提供 pytest、FastAPI TestClient、Playwright、fixtures 與 CI 模式。

當驗證、狀態碼、分頁和回應模型不一致時，設計 REST API 路由會很困難。此技能提供 FastAPI 模式，用於建立可預測的端點、Pydantic schema、錯誤、篩選、排序和 OpenAPI 文件。

API 用戶端需要一致的驗證、快取、驗證資料與錯誤處理。此技能會引導 TanStack Query、Axios、JWT 攔截器、Zod 解析與離線行為。

SwiftUI 專案可能會累積已棄用的 API、脆弱的狀態，以及緩慢的視圖更新。這項技能針對現代、可維護的 SwiftUI 程式碼提供聚焦指引。

Swift concurrency 變更可能會造成資料競爭、actor isolation 錯誤，以及遷移上的不確定性。此 skill 會引導你安全地做出 async/await、actors、Sendable、測試，以及 Swift 6 遷移決策。

手動處理試算表可能很慢且容易出錯。此技能可協助 Claude、Codex 和 Claude Code 建立、編輯、分析及格式化 Excel 檔案。

手動瀏覽器測試速度慢，且經常漏掉表單、裝置和網路狀態之間的迴歸問題。此 skill 可協助 Claude、Codex 和 Claude Code 為真實的網頁工作流程建立實用的 Playwright 測試。

當查詢、索引和遷移難以推理時，資料庫工作往往會變慢。這項技能為 Claude、Codex 和 Claude Code 提供結構化的 SQL 指引，協助進行更安全、更快速的資料庫變更。

手動製作精緻的 PowerPoint 簡報速度慢且難以重複。此技能會引導 Claude、Codex 和 Claude Code 使用 python-pptx 進行 PPTX 建立、編輯與自動化。