Agent Skills Hub

Building Frontend Dashboards

使用 TypeScript、shadcn/ui、TanStack Query 和 Supabase 建構響應式 React 儀表板。適用於製作 KPI 卡片、數據表格、Recharts 圖表及 event-studio 管理後台。

ragcode-sse

透過 SSE 協定直接連接 RagCode MCP，無需繁瑣的設定檔或二進位檔案依賴。

mobile-ios-design

精通 iOS 人機介面準則 (HIG) 與 SwiftUI。提供原生 iOS 應用程式開發、介面設計、SwiftUI 元件實作與 Apple 平台設計原則的專業指導。

durable-objects

建立、除錯並優化 Cloudflare Durable Objects。支援狀態協調、RPC、SQLite 儲存、WebSocket 處理器以及 Vitest 測試。

summon

Summon 框架專家：協助 Kotlin Multiplatform UI 開發，提供類型安全的修飾符、狀態管理、路由與 SSR，適用於網頁與 JVM 應用程式。

state-snapshot

擷取完整的除錯對象狀態快照，包含所有已提交的記憶體區域與處理器暫存器，供離線分析與鑑識調查使用。

tanstack-integration-best-practices

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

react-vite-best-practices

React 與 Vite 效能最佳化指南。適用於編寫、審查或優化基於 Vite 構建的 React 元件。

svelte-runes

Svelte 5 Runes 專業指南：涵蓋反應式狀態 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及遷移策略。協助開發者避免常見反應式設計錯誤。

tooling-setup

為 React 19 專案提供的生產級開發環境配置，包含 Vite、TypeScript、Biome 及 Vitest，提供嚴格的類型檢查、程式碼規範、格式化與測試基礎設施。

components-build

根據 components.build 規範構建現代化、可組合且易於存取的 React UI 元件。適用於設計系統、元件庫及可重用 UI 架構的開發與維護。

css-modules

基於 Lightning CSS 或 PostCSS 的 CSS Modules 元件封裝策略，包含 TypeScript 整合與 Vite 設定。