Agent Skills Hub

design-excellence

一套設計系統與反模式指南，讓 AI 生成的介面更具人工質感。透過管理色彩、排版、間距與動畫，為 Toh Framework 提供專業的視覺品質。

draw-io

專門用於建立、編輯和維護 .drawio 流程圖的技能。支援 XML 操作、排版優化、AWS 圖示整合，以及文件自動化 PNG 轉換。

route-handlers

專為建構與管理 Next.js App Router API 路由設計的技能，支援處理 HTTP 方法、請求主體、串流傳輸與回應配置。

state-management

前端狀態管理指南，涵蓋 Zustand/Pinia 全域儲存、TanStack Query 伺服器狀態以及 URL 狀態處理。

web-search-patterns

基於 Gemini 的進階網路搜尋外掛，具備智慧快取、子代理上下文隔離及自動查詢最佳化功能。

ui-design

一個專門用於生成單文件 HTML 使用者介面的工具，內建 Tailwind CSS，非常適合快速原型製作、UI 探索和設計靈感參考。

serena-mcp

Serena MCP 語義代碼分析指南。Serena MCP 連接時自動啟用，優先使用專用工具進行符號搜索、引用追蹤及代碼記憶，以優化分析效率與準確性。

react-typescript

包含 React 19 與 TypeScript 的生產級開發模式，涵蓋 Hooks、狀態管理、TanStack Query、Zod 表單驗證及效能優化工作流程。

my-openlayer-helper

使用 my-openlayer 函式庫初始化 OpenLayers 地圖、管理圖層，並渲染點、線、面及動畫標記等地理特徵。

i18n-expert

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

reactive-ui-patterns

用於遠端數據獲取的響應式 UI 模式，透過 .current 屬性實現流暢的原位更新、保持滾動位置並有效管理載入狀態。

browser-debugger

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