Agent Skills Hub

react-state-management

掌握现代 React 状态管理。学习使用 Redux Toolkit、Zustand、Jotai 和 React Query 来处理全局、服务器与本地状态。

state-management

前端状态管理指南，涵盖 Zustand/Pinia 全局存储、TanStack Query 服务器状态以及 URL 状态处理。

react-native-state

精通 React Native 状态管理，涵盖 Redux Toolkit、Zustand、TanStack Query 及 AsyncStorage 数据持久化。

react-typescript

包含 React 19 与 TypeScript 的生产级开发模式，涵盖 Hooks、状态管理、TanStack Query、Zod 表单验证及性能优化工作流程。

react-patterns

实现 React 19 模式：React Compiler、Server Actions、表单与新 hook（如 'use'）。指导在 Actions 与 TanStack Query 之间进行变更处理的决策。

react-ui-patterns

标准化的 React UI 模式，用于处理加载状态、错误处理与数据获取，确保一致的用户体验与稳固的组件架构。

senior-frontend-engineer-react

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

airiot-frontend

官方 AIRIOT 开发套件，用于构建基于 React、TypeScript 与 shadcn/ui 的应用程序，并集成实时平台功能。

javascript-typescript

专为现代 Web 应用程序设计的进阶 TypeScript 与 React 开发助手。精通组件架构、状态管理、Vitest 单元测试、Playwright 端对端自动化以及高效的 TypeScript 配置。

react-expert

使用权威源代码、测试和存储库历史记录来研究 React API、模式和概念。

cloudscape-codegen

生成符合 Cloudscape Design System 的 React + TypeScript UI 代码，包含辅助功能、响应式布局及完善的状态处理。

chrome-devtools-mcp-manager

管理 OpenClaw 内置 Chrome 浏览器及 chrome-devtools-mcp 集成，通过 MCP 协议进行稳定的浏览器自动化操作。