Agent Skills Hub

agent-canvas

透過 CLI 在 TLDraw 畫布上繪製圖表、流程圖與註解。適用於架構規劃、程式碼審查與代理程式執行紀錄視覺化。

route-handlers

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

liquid-il

一個高效能 Liquid 模板引擎，透過中間語言 (IL) 將模板編譯為最佳化的 Ruby 和機器碼。

react-router-data-mode

使用 React Router 的資料模式 (data mode) 開發 React 應用程式，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 與樂觀 UI 更新。

flutter-duit-bdui

整合、修復與除錯 Flutter 的 Duit/flutter_duit 後端驅動 UI (BDUI)。支援遠端/靜態佈局、自定義組件、傳輸管理器以及生命週期除錯。

nuxt

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

frontend

Preact 與 Tailwind 的前端編碼規範。適用於叢集應用程式的網頁 UI 元件開發。

canvas

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

web-search-patterns

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

react-ui-patterns

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

generate-sdk-types

自動從 Rust 工具架構生成 TypeScript 型別定義，確保 MCP 專案中伺服器與客戶端之間的端到端型別安全。

senior-frontend-engineer-react

企業級 React CRUD 開發技能，專注於 React 16.14 與 DVA 2.x。提供自動化列表頁生成、表單管理與 API 服務層整合。