Context7 MCP 是一个用于高效检索和查询编程库及框架官方文档的工具。它通过预索引技术提供结构化、权威的文档内容，支持React、Vue、Node.js等多种技术栈。该工具能显著减少AI对话中的令牌消耗，提升开发文档查询的精确度和速度，是程序员和AI助手进行技术文档检索的优化解决方案。关键词：Context7 MCP，文档检索，库文档查询，AI开发工具，编程文档索引，令牌优化，技术栈支持。

Zustand 是一个用于 React 的轻量级状态管理库，提供简单、高效的状态管理方案，支持 TypeScript 类型推断、持久化存储、开发工具集成和切片模式。适用于全局状态管理、Redux/Context API 迁移、Next.js SSR 等场景。关键词：zustand, React状态管理, TypeScript状态管理, 全局状态, Redux替代, 持久化中间件, 开发工具, 切片模式, Next.js水合, 无限渲染预防。

此技能通过Figma MCP服务器自动将Figma设计图中的组件和框架转换为生产级前端代码，支持React、Vue、HTML/CSS等多种框架，优化设计到开发的工作流，提升效率。关键词：Figma, 组件代码生成, 设计到代码, 前端开发, 自动化工具, 设计系统, 可访问性, 响应式设计。

Tamagui跨平台UI框架高级开发指南，涵盖配置v4、编译器优化、样式化上下文、复合组件、主题系统、性能优化和常见反模式。适用于React Native和Web应用开发，提供TypeScript最佳实践、设计令牌管理和跨平台适配方案。

自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。

AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。

React 专家技能专注于提供 React 18+、Next.js 生态系统和现代 React 模式的深度开发支持。核心能力包括使用 Hooks、并发渲染、状态管理（如 Zustand、TanStack Query）以及性能优化，旨在构建高性能、可扩展且类型安全的 React 应用程序。适用于前端开发、组件库构建、性能调优和复杂状态管理场景。 关键词：React 开发，React 18，Next.js，状态管理，Zustand，TanStack Query，性能优化，TypeScript，前端开发，组件设计

这个技能用于快速构建AI聊天界面和代理式用户界面，基于React/Next.js组件，支持实时流式传输、工具生命周期管理、人机审批流程和声明式UI生成。适用于开发智能助手、SaaS副驾驶和AI应用前端。关键词：AI代理，React组件，前端开发，人机交互，工具管理，流式传输，代理界面。

这个技能涵盖了Shopify电商平台的全面开发参考，包括Liquid模板语言、主题开发（OS 2.0）、GraphQL Admin API、Storefront API、自定义应用开发、Shopify Functions、Hydrogen框架、性能优化和调试。适用于处理.liquid文件、创建主题部分和块、编写GraphQL查询或突变、使用CLI和Polaris构建Shopify应用、通过Ajax API实现购物车操作、优化Shopify商店的核心Web指标、调试Liquid或API错误、配置settings_schema.json、访问Shopify对象（产品、集合、购物车、客户）、使用Liquid过滤器、创建应用扩展、处理webhooks、从Scripts迁移到Functions，或使用Hydrogen和React Router 7构建无头商店前端。关键词：Shopify开发、电商平台、Liquid模板、GraphQL API、主题定制、应用开发、性能优化。

这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化（Glassmorphism）UI设计风格，通过5步标准化流程（分析→映射→脚手架→实现→验证）确保代码质量。关键词：HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成

Vite 是一个用于前端开发的下一代构建工具，提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器，适用于现代前端框架如 Vue 和 React，并支持插件扩展。关键词：Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。

Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南，包含 45 条规则，覆盖 8 个优化类别，旨在提升应用性能。