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 之间进行变更处理的决策。