Agent Skills Hub

nuxt

Nuxt 框架決策輔助層，用於優化專案開發，引導至正確的 Nuxt 套件、Vue 指南或模組特定邏輯。

context7

透過 Context7 API 獲取 React、FastAPI、Next.js 等框架的即時技術文件、程式碼範例與開發指導。

webperf

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

vscode-playwright

使用 Playwright 和 serve-web 自動擷取高品質 VS Code 螢幕截圖，適用於文件、簡報與技術視覺內容。

api-integration

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

web-artifacts-builder

一套用於開發與打包複雜、多組件 React/TypeScript 網頁實體的工具包，整合了 Vite、Tailwind CSS 與 shadcn/ui。

pixel-art

為您的文件、README 和簡報生成客製化像素藝術 SVG 插圖。適用於角色精靈圖、對話視覺化以及品牌標誌設計。

roadmap-web-visualization

用於路線圖管理的視覺化網頁工作區，提供互動式看板與基於圖表的相依性視圖，協助任務規劃與專案進度追蹤。

i18n-expert

自動化 React/TS 程式碼庫的 i18n 設定、字串提取與本地化對齊稽核。提供框架感知配置、自動化稽核腳本與安全的字串替換，確保無縫的本地化流程。

canvas

Claude Code 的互動式終端 UI 工具組。可在 tmux 窗格中產生並控制日曆、文件及航班預訂介面。

generate-image

使用 AI 模型（如 FLUX 和 Gemini）生成或編輯影像。適用於照片、插圖、概念藝術和視覺素材，不包含技術圖表或原理圖。

Email Composer

撰寫涵蓋商務、技術與客戶服務的專業電子郵件。提供請求、追蹤、更新等模板，並可根據需求調整語氣。