Agent Skills Hub

react-router-data-mode

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

ai-llm-patterns

Anthropic Claude 整合模式：串流、使用 pgvector 的 RAG、工具使用、模型選擇（Haiku/Sonnet/Opus）、提示詞快取及 AI 工程成本管理。

data-extraction-patterns

為 GA4 與 GSC 分析數據提供提取、緩存與處理的最佳實踐模式，並整合 MCP 伺服器操作。

ffmpeg-skill

全能媒體處理工具，使用 FFmpeg 進行影片與音訊的轉檔、壓縮、剪輯、字幕燒錄及格式轉換。

Observability

PAI 多代理活動的即時監控儀表板，提供 WebSocket 串流、工作階段追蹤以及代理工作流程除錯功能。

response-compliance

執行 OpenResponses API 合規性測試，驗證架構遵循度、串流回應及端點穩定性，確保 LobeHub 整合品質。

reactive-ui-patterns

用於遠端數據獲取的響應式 UI 模式，透過 .current 屬性實現流暢的原位更新、保持滾動位置並有效管理載入狀態。

speak

使用 Kokoro TTS 進行本地文字轉語音。在終端機中生成語音、朗讀文字並處理多語言語音合成。

structured-outputs-advisor

Anthropic 結構化輸出實作專家顧問。協助判斷 JSON 模式與嚴格工具使用之間的取捨，確保 schema 合規性與 Agent 工作流的輸入驗證。

youtube-thumbnail-grabber

下載各種解析度與格式的 YouTube 影片縮圖。整合 yt-dlp 自動化取得影片預覽圖片與影像處理。

claude-api

Claude Messages API 專家指南：涵蓋結構化輸出、提示詞快取、工具使用，以及從 Claude 3.x 遷移至 4.5 的關鍵資訊，協助開發者解決常見 API 錯誤與效能問題。

react-patterns

實現 React 19 模式：React Compiler、Server Actions、表單與新 hook（如 'use'）。指導在 Actions 與 TanStack Query 之間進行變更處理的決策。