Agent Skills Hub

ui-implementer

根據 Figma 或設計稿實作 UI 組件，提供像素級精確度、智慧設計驗證與自適應代理切換功能。

server-actions

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

music-theory-visual-design

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

solana-dev

Solana 開發整合式技能中心，具備多代理協調、漸進式技能載入，並深度整合 Anchor、Token-2022、DeFi 協議與安全審計功能。

pix

一個自動化的 UI 實作代理，利用 Figma MCP 和瀏覽器渲染驗證，將 Figma 設計轉換為像素級精確的程式碼。

visual-design-foundations

建立一致的視覺系統，包含設計代幣、模組化排版系統、8點間距網格及無障礙色彩規範，以提升 UI 開發的一致性。

react-native

React Native 開發最佳實踐，適用於 Expo 與原生專案。涵蓋專案結構、路由導航、NativeWind 樣式、平台特定代碼及 TypeScript 整合。

tamagui-best-practices

Tamagui 函式庫架構、設定、編譯器優化與元件模式的最佳實踐。

dynamic

專為 bkend.ai BaaS 設計的全端開發代理。自動化專案初始化、身份驗證、資料庫設定及 Next.js 應用程式 API 整合。

vercel-composition-patterns

用於構建可擴展 React 代碼庫的組合模式。適用於重構複雜組件、構建靈活的組件庫，以及應用複合組件模式或 React 19 架構變更。

react-router-data-mode

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

ynab-api

透過 API 管理 YNAB 預算、追蹤支出並自動化財務報告。支援記帳、目標監控及自動化預算分析功能。