技术栈检测技能自动识别项目中的技术框架（如React、Vue）、包管理器和配置模式，适用于项目启动、依赖分析、框架指导，帮助开发人员快速理解架构并优化开发流程。关键词：技术栈检测、框架识别、包管理器、配置分析、项目架构、SEO优化。

UI/UX设计智能技能是一个全面的前端设计工具，提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南，支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验，适用于网站、应用、仪表板等项目，提升设计效率和专业性。关键词：UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。

此技能专注于设计和构建可靠的自主AI代理系统。涵盖代理循环（如ReAct和Plan-Execute）、目标分解、自我纠正和反思模式。强调通过减少失败率和添加护栏来确保代理在生产环境中的稳定性。关键词：自主代理、AI智能体、agent loops、目标分解、自我纠正、反思模式、可靠性、护栏。

移动响应式网页开发技能专注于构建响应式、移动优先的网页应用，涵盖响应式布局设计、触摸交互优化、移动导航实现和屏幕尺寸适配。关键词包括移动响应式、前端开发、CSS、React、响应式设计、移动优先、断点、触摸事件、视口优化。

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

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

React 测试库技能提供专业的 React 组件测试解决方案，专注于编写以用户为中心的测试用例、使用最佳查询方法、处理异步操作、确保组件可访问性以及模拟外部依赖。适用于前端开发中的单元测试、集成测试和可访问性测试，是提升 React 应用质量和用户体验的关键工具。关键词：React 测试，前端测试，单元测试，可访问性测试，测试库，用户事件模拟。

提供React模式，包括hooks、effects、refs和组件设计的最佳实践。涵盖逃生口、反模式和正确的效果使用。在阅读或编写React组件（带有React导入的.tsx、.jsx文件）时必须使用。

邮件处理器技能专注于使用React Email框架高效创建和发送事务性邮件。核心功能包括：邮件模板开发、动态数据集成、HTML渲染、邮件发送逻辑、Tailwind样式设计。适用于用户注册、密码重置、订单确认、系统通知等自动化邮件场景。关键词：React Email，事务性邮件，邮件模板，邮件自动化，Tailwind CSS，Next.js，邮件发送，前端开发。

React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践

这份指南提供了React Native应用性能优化的指导，包括FPS提升、打包大小优化、启动时间（TTI）优化、原生性能提升和内存管理等关键领域，旨在帮助开发者提高应用性能和用户体验。

这项技能涵盖了 React 应用性能优化的多种模式和实践，包括记忆化、虚拟化、选择器优化、避免不必要渲染等，旨在提升 React 应用的性能和用户体验。