Agent Skills Hub

reactive-ui-patterns

用于远程数据获取的响应式 UI 模式，通过 .current 属性实现流畅的原位更新、保持滚动位置并有效管理加载状态。

pinia

Pinia 官方 Vue 状态管理技能。提供关于 Store 定义、响应式处理、类型安全及 Store 间通讯的专业指导。

ragcode-sse

通过 SSE 协议直接连接 RagCode MCP，无需繁琐的配置文件或二进制文件依赖。

senior-frontend-engineer-react

企业级 React CRUD 开发技能，专注于 React 16.14 与 DVA 2.x。提供自动化列表页生成、表单管理与 API 服务层整合。

state-snapshot

捕获完整的被调试程序状态快照，包括所有已提交的内存区域与处理器寄存器，用于离线分析与取证调查。

Advanced Modular Library Design

使用 HexDI 原则设计模块化 TypeScript 库：实现编译时依赖验证、功能优先组织与清晰的 API 边界。

svelte-runes

Svelte 5 Runes 专业指南：涵盖反应式状态 ($state)、衍生值 ($derived)、副作用 ($effect)、props 及迁移策略。协助开发者避免常见反应式设计错误。

react-router-data-mode

使用 React Router 的数据模式 (data mode) 开发 React 应用程序，包含 createBrowserRouter、路由器 (RouterProvider)、loaders、actions、fetchers 与乐观 UI 更新。

upstash-workflow-js

使用 Upstash Workflow SDK 构建持久且可靠的无服务器工作流。定义端点、管理复杂的执行步骤，并与 QStash 集成以实现自动重试和状态管理。

fullstack-workflow

Next.js 全栈开发标准流程，整合 GET API 路由、服务器动作 (Server Actions)、SWR 数据获取，以及使用 Zod 验证的 React Hook Form 表单处理。

react

LobeHub React 组件开发指南，包含 antd-style 样式、@lobehub/ui 布局与路由管理。

tanstack-query

TanStack Query v5 专业状态管理模式，涵盖查询键工厂、数据变更、缓存策略及 SSR 配置，适用于各类服务器状态管理任务。