Agent Skills Hub

design-system-implementation

強制執行 UI 嚴格遵守專案設計系統的標記、元件與版面配置規範，以確保前端開發的一致性。

i18n

LobeHub 國際化助手，用於管理 react-i18next 翻譯、鍵值命名規範及本地化工作流。

tanstack-integration-best-practices

TanStack Query、Router 與 Start 的整合模式與最佳實踐。確保全端資料流的類型安全、高效的 SSR 與統一的快取機制。

canvas

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

dev

開發與維護 PWAFire 工具庫：編寫 PWA API 模組、處理功能檢測、管理測試，並遵循嚴格的同步/非同步模式與錯誤處理規範貢獻程式碼。

music-theory-visual-design

Harmonic Orbit 音樂理論應用程式的視覺設計與 UI 樣式指南，涵蓋字體、配色系統、間距、動畫及無障礙設計標準。

frontend-app-design

構建獨特、高品質的 React Native Expo 介面，運用液態玻璃設計與 iOS 人機介面準則，打造工業級行動應用。

french-claude

專注於設計的程式設計代理，為您的開發工作流程帶來世界級的介面工藝、動態設計與系統化前端工程。

testing-frontend

自動化前端組件測試、使用者互動模擬、API 模擬，以及設置 Vitest、React Testing Library 與 Vue Test Utils。

migrate-to-vinext

Next.js 專案自動化遷移工具，將其轉換為 vinext（基於 Vite 的 Next.js 實作），包含相容性掃描、依賴項替換與設定檔產生。

server-actions

Next.js Server Actions 專家技能，涵蓋 App Router 中的表單處理、資料變更、重新驗證以及樂觀 UI 更新。

flowgram.ai

FlowGram.ai 自定義節點開發指南，支援簡單節點自動表單與複雜節點自定義 UI 開發。