Agent Skills Hub

mobile-ios-design

精通 iOS 人機介面準則 (HIG) 與 SwiftUI。提供原生 iOS 應用程式開發、介面設計、SwiftUI 元件實作與 Apple 平台設計原則的專業指導。

nano-banana-pro

使用 Google Gemini 3 Pro 模型生成與編輯圖像、圖表和資訊圖表。支援文字轉圖像、風格轉換及數據準確的視覺化創作。

vercel-composition-patterns

用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫，以及應用複合組件模式或 React 19 架構變更。

react-state-management

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

browser-debugger

使用 Chrome DevTools MCP 和 AI 視覺模型進行 UI 測試、設計一致性驗證及瀏覽器除錯。

native-app-performance

透過 xctrace 進行原生 macOS/iOS 應用程式效能分析，並在無需開啟 Instruments UI 的情況下進行命令列熱點分析。

api-connector

整合 REST API 以管理身份驗證、執行 HTTP 請求並在開發工作流程中無縫處理 JSON 回應。

bdg

專為 AI 代理設計的終端瀏覽器自動化工具，透過 Chrome DevTools Protocol 提供對瀏覽器導航、DOM 操作、網頁爬取及網路監控的持久性直接控制。

seo

透過技術 SEO、Meta 標籤設定、結構化資料與 Sitemap 管理，優化網站搜尋引擎能見度，提升檢索效率與搜尋排名。

pencil-ui-design

使用 Pencil MCP 進行工業級 UI 設計的完整工作流程與組件庫，包含顏色、字體、間距與陰影的標準化設計規範。

landing-page-conversion-audit

對登陸頁面進行結構化的 8 要素轉化率優化 (CRO) 審計，識別轉化阻礙並提供增長建議。

creating-mermaid-diagrams

生成相容於 GitHub 的 Mermaid 圖表，包含經測試的配色方案、本地 SVG/PNG 預覽以及基於 Gist 的渲染預覽。