React 元件開發經常缺少型別、無障礙性、測試與可重用的狀態模式。此技能為 Claude、Codex 和 Claude Code 提供專注的工作流程，用於建立可靠的 React UI 元件。

在 Python 後端中，JWT 驗證很容易被錯誤實作。此技能提供結構化的 FastAPI 模式，涵蓋 token、dependencies、current-user 擷取，以及角色檢查。

Next.js App Router 工作通常需要正確的路由、版面配置與元件邊界。此技能針對建置頁面、動態路由、儀表板、metadata、載入狀態與 route handlers 提供精準指引。

建置 FastAPI 服務需要一致的路由、驗證、身分驗證和資料庫模式。此技能為 Claude、Codex 和 Claude Code 提供面向生產環境的 Python API 結構化指引。

團隊經常洩漏技術細節，或以不一致的方式處理 API 失敗。此技能提供後端與前端模式，用於可預測的錯誤、記錄與面向使用者的訊息。

環境設定在本機、預備和生產系統之間經常變得不一致。此技能為 Claude、Codex 和 Claude Code 提供結構化指引，涵蓋型別化設定、.env 範本、驗證以及機密資訊衛生。

資料庫結構變更可能會讓應用程式故障或造成資料遺失。此技能會引導 Alembic 設定、修訂版本產生、升級、回復，以及審查檢查。

資料庫連線設定經常失敗，因為機密、連線池、SSL 和工作階段分散在不同位置設定。此技能為 Claude、Codex 和 Claude Code 提供一份聚焦的檢查清單，用於在 Python 應用程式中建置可靠的 Neon PostgreSQL 連線。

無效輸入可能會破壞 API、損毀記錄，並讓使用者感到困惑。此技能可協助團隊在後端與前端程式碼中設計清晰的 Pydantic 和 Zod 驗證。

當結構、觸發條件與驗證方式不清楚時，建立實用的 AI 技能會很困難。此技能提供一套實用工作流程，用於為 Claude、Codex 和 Claude Code 草擬、檢查並封裝技能。

團隊需要從內部文件取得有根據的 AI 回答，同時不將每個來源都暴露給每位使用者。此技能示範如何擷取文件、進行語意搜尋，並套用角色與租戶篩選條件。

團隊需要一種快速方式來加入品牌化聊天支援，而不必重新建置聊天介面。此技能會引導 React 和 Next.js 的 ChatKit 小工具設定、主題、放置位置、事件，以及後端代理串接。

當表單、工作階段與授權被分開設計時，驗證工作往往會失敗。此技能為 Claude、Codex 和 Claude Code 提供一致的計畫，用於安全的 Next.js 驗證流程。

API 和前端測試套件經常漏掉驗證、資料驗證與資料隔離問題。這項技能提供實用的 pytest、FastAPI TestClient 與 Playwright 模式，用於建立可重複的覆蓋率。

當團隊臨時選擇端點、結構描述和狀態碼時，REST API 路由設計可能會變得不一致。此技能為 Claude、Codex 和 Claude Code 提供結構化的 FastAPI 指引，以建立可預測的 REST 端點。

React 應用程式需要一致的 API 存取、快取、重試與 token 處理。此 skill 會引導 Claude、Codex 和 Claude Code 使用 TanStack Query、Axios 與 Zod 建立型別化用戶端。

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

Swift Concurrency 的變更可能造成令人困惑的警告、資料競爭風險與遷移延遲。此技能針對 async/await、actors、Sendable、測試、效能與 Swift 6 採用提供結構化指引。

當公式、圖表和格式都必須手動建立時，試算表自動化會很慢。這項技能可協助 Claude、Codex 和 Claude Code 使用 Python helpers 與實用範例，建立可靠的 Excel 工作流程。

網頁團隊需要可靠的瀏覽器測試，以涵蓋真實使用者流程，同時避免過多的設定時間。此技能可協助 Claude、Codex 和 Claude Code 產生 Playwright 測試、輔助工具程式，以及測試指引。