此技能提供Algolia搜索的集成解决方案，涵盖React InstantSearch hooks使用、Next.js服务器端渲染、数据同步和索引策略。适用于开发者在Web应用中添加高效的搜索功能。关键词：Algolia搜索、React、InstantSearch、Next.js、SSR、索引策略、数据同步。

Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案，包括类型安全的存储创建、中间件集成（持久化、DevTools、Immer）、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景，关键词包括：Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。

本技能专注于React应用程序的现代化，包括版本升级、从类组件迁移到钩子、采用并发特性如Suspense和transitions，以及使用代码修改自动化重构。适用于开发人员升级React项目、优化代码结构和性能。关键词：React, 现代化, 升级, 迁移, 钩子, 并发, 代码修改, 性能优化, TypeScript, 前端开发

这个技能用于创建 Obsidian Web Clipper 的模板，帮助用户通过定义工作流、分析网页数据和构建JSON模板来自定义剪报内容。关键词：Obsidian, Web Clipper, 模板, JSON, 网页分析, 数据提取。

这是一个 AI 技能，用于自动化审查用户界面代码是否符合 Web Interface Guidelines，提升网站的可访问性、用户体验和设计合规性，关键词包括 UI 审查、可访问性审计、Web 设计指南、前端开发、代码审计。

Shopify开发技能用于构建和扩展Shopify电商平台上的应用、主题及API集成。涉及GraphQL/REST API调用、Shopify CLI工作流、Polaris UI组件和Liquid模板语言，支持结账自定义、管理界面扩展、POS零售开发等。关键词包括Shopify开发、电商应用、API集成、主题定制、Shopify CLI、Liquid模板、GraphQL API、电商平台开发。

这是一个用于构建基于现代前端技术的复杂HTML制品的工具套件，特别适用于Claude.ai平台。它使用React、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，便于创建高质量的前端制品。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML制品构建、Claude.ai、状态管理、路由。

本技能提供由 Vercel 维护的 React 和 Next.js 应用性能优化指南，包含 45 条规则，按优先级分类，用于自动化重构和代码生成。适用于编写、审查或重构 React/Next.js 代码，确保最佳性能模式。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码优化, 自动化重构。

在React应用程序中使用错误边界进行优雅错误处理，捕获JavaScript错误并显示备用UI以提高应用程序的弹性。

Relay 分页技术是一种基于游标的分页方法，用于在 GraphQL 和 React 前端应用中高效管理和加载大数据集，支持无限滚动、加载更多模式等场景。关键词：Relay 分页, GraphQL, 光标分页, 前端开发, 数据加载, 无限滚动, 缓存管理, React 钩子。

Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。

Canvas技能是一个用于在连接的Otto节点（Mac应用、iOS、Android）上显示HTML内容的工具，适用于游戏开发、数据可视化、仪表板展示和交互式演示。关键词：HTML显示、跨平台开发、游戏、数据可视化、仪表板、交互式演示、Web内容展示。