Agent Skills Hub

react-state-management

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

ui-styling

使用 shadcn/ui 和 Tailwind CSS 构建可访问且一致的用户界面。采用组件优先架构以建立设计系统、集成 React Hook Form，并实践响应式移动优先开发。

web-artifacts-builder

一套用于开发与打包复杂、多组件 React/TypeScript 网页实体的工具包，整合了 Vite、Tailwind CSS 与 shadcn/ui。

design-system-patterns

掌握设计系统架构：实现设计标记 (design tokens)、多品牌主题、组件库以及自动化设计转代码流程，建立可扩展的 UI 基础。

react

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

interaction-design

设计并实现微交互、动态设计与转场效果。用于提升 UI 精致度、实现加载状态，并创造直观、令人愉悦的用户反馈体验。

chatkit-frontend

使用 OpenAI ChatKit React 组件实现生产就绪的 AI 聊天界面。功能包含 hook 配置、流式传输、主题自定义、对话历史与 Next.js 应用程序的自定义工具整合。

shipany

Shipany AI SaaS 样板官方文档辅助技能。提供 Next.js 15、Drizzle ORM、NextAuth 及支付集成等方面的专家指导。

vue-typescript

专为使用 TypeScript 构建 Vue 3 应用程序所设计的技能，涵盖组合式 API (Composition API)、Pinia 状态管理、Vue Router 以及自定义组合式函数 (Composables)。

dev

开发与维护 PWAFire 工具库：编写 PWA API 模块、处理功能检测、管理测试，并遵循严格的同步/异步模式与错误处理规范贡献代码。

dependency-upgrade

通过兼容性分析、分阶段更新策略与自动化测试，系统化地管理大型软件依赖项升级。

vercel-react-native-skills

React Native 和 Expo 性能优化最佳实践。涵盖列表虚拟化、Reanimated 动画、UI 模式以及原生平台 API 优化。