Agent Skills Hub

mcp-setup

為 Claude Code 自動設定與配置 MCP 伺服器，以實現與外部資料庫、API 和檔案系統的無縫整合。

PAI

PAI 的實體合成橋樑。生成藍圖、3D 列印代碼、雷射切割 SVG 路徑以及 CNC 加工 G-Code，將代理設計轉化為實體硬體。

diagram

使用圖表驅動開發 (DDD) 方法維護與同步統一影響圖，將技術架構與用戶價值連結。

awb

為 Claude Code 和 AI 代理提供互動式 UI 元件。建立確認框、清單、輸入框、表格和視圖，以實現非阻塞式互動與監控。

react-state-management

掌握現代 React 狀態管理。學習使用 Redux Toolkit、Zustand、Jotai 和 React Query 來處理全域、伺服器與本地狀態。

steering-specs-generator

透過引導式訪談提取隱性工程知識，並生成結構化的指導規範 (steerings)，以建立一致的專案標準與約定。

aesthetic

運用系統化設計原則、AI 評估與自動化靈感分析，打造美觀的用戶介面。

protocol-reverse-engineering

執行網路協定逆向工程，包含封包擷取、流量分析、協定解析及自訂格式文件化。

connections

輕量級 MCP (Model Context Protocol) 連接處理器，支援 stdio、SSE 與串流式 HTTP 傳輸，實現順暢的伺服器整合。

metadata-optimization

利用專業的 ASO 框架優化您的 App Store 與 Google Play 元數據。精準撰寫標題、說明與關鍵字欄位，提升 iOS 與 Android 應用的搜尋能見度與轉換率。

react-ui-patterns

標準化的 React UI 模式，用於處理載入狀態、錯誤處理與資料擷取，確保一致的使用者體驗與穩固的元件架構。

ask-user-question

使用 AskUserQuestion 工具在軟體代理中實現互動式、分步驟的用戶輸入工作流程，用於引導決策與配置。