Agent Skills Hub

javascript-typescript

專為現代 Web 應用程式設計的進階 TypeScript 與 React 開發助手。精通元件架構、狀態管理、Vitest 單元測試、Playwright 端對端自動化以及高效的 TypeScript 配置。

rivetkit-client-javascript

RivetKit JavaScript 客戶端開發指南，支援瀏覽器、Node.js 與 Bun。涵蓋 Rivet Actor 連線管理、狀態同步、RPC 動作執行與事件訂閱。

htmx-rust

使用 Rust、Axum 與 HTMX 構建互動式超媒體網頁應用程式，無需複雜的 JavaScript 框架即可實現動態與即時 UI 更新。

frontend

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

qstash-js

使用官方 Upstash QStash JavaScript/TypeScript SDK 來管理無伺服器訊息傳遞、任務排程與 Webhook 驗證。

typescript

LobeHub 的 TypeScript 開發標準，涵蓋型別安全、非同步模式、導入規範、UI 組件集成以及效能優化準則。

chrome-devtools-mcp

Chrome DevTools MCP 伺服器，透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。

d3js-data-visualization

使用 d3.js 建立互動式自訂資料視覺化，包含圖表、圖形與網路拓樸。適用於需要精細控制視覺元素、轉場動畫與互動行為的場景。

ui-design

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

cloudflare-browser

透過 Cloudflare 瀏覽器渲染服務進行無頭 Chrome 自動化控制。支援截圖、網頁導航、資料抓取及影片錄製，專為 Cloudflare Workers 環境打造。

Building Frontend Dashboards

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

microsim-screen-capture

使用 Chrome 無頭模式自動為 MicroSim 視覺化產生高品質截圖。適用於文件製作、社群媒體預覽及品質評估。