Agent Skills Hub

pencil-ui-design

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

design-md

分析 Stitch 專案並將語義化設計系統合成為 DESIGN.md 檔案，作為 AI 驅動 UI 生成的真實數據來源。

webperf

一套用於測量、審核和除錯網頁效能指標（包含核心網站指標、載入速度與互動延遲）的綜合工具組，可直接於 Chrome 開發者工具中使用。

api-integration

使用 Apidog 與 MCP 伺服器自動化前端 API 整合。從 OpenAPI 規格生成 TypeScript 型別、TanStack Query 鉤子與基於 axios 的客戶端，確保 API 使用的一致性與型別安全。

shipany

Shipany AI SaaS 樣板官方文件輔助技能。提供 Next.js 15、Drizzle ORM、NextAuth 與支付整合的專家指導。

chrome-devtools-mcp-manager

管理 OpenClaw 內建 Chrome 瀏覽器及 chrome-devtools-mcp 整合，透過 MCP 協定進行穩定的瀏覽器自動化操作。

claude-code-web-cli

使用 Clerk 的無頭 UI 原件（Headless UI Primitives）為 Next.js 應用程式構建完全自定義的身份驗證介面。

template-nextjs-moderne

為 Claude Code 提供的全方位 Next.js 15 開發與專案管理技能，包含 Supabase 整合、RBAC 權限管理及自動化品質驗證。

cloudflare-browser

透過 Cloudflare 瀏覽器渲染服務進行無頭 Chrome 自動化控制。支援截圖、網頁導航、資料抓取及影片錄製，專為 Cloudflare Workers 環境打造。

devboxes

部署隔離的開發容器，包含網頁版 VSCode、VNC 以及透過 Traefik 或 Cloudflare Tunnels 自動設定的應用程式路由。

mobile-app-ux

行動應用程式 UX/UI 設計指南，涵蓋觸控友善介面、導航模式、手勢操作及小螢幕介面最佳化。

tanstack-router

TanStack Router 設定、檔案系統路由與 React 應用程式的型別安全導航。