Widget渲染器是一个用于从JSON生成声明式UI的工具，专为React/Next.js设计。它支持多种UI组件如按钮、输入框、卡片、布局等，适用于动态表单、数据展示和交互式卡片。关键词：UI渲染器、JSON UI、声明式UI、React组件、Next.js工具、前端开发、低代码开发、UI组件库。

技术栈检测技能自动识别项目中的技术框架（如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, 前端开发

这个技能提供全面指导，用于在前后端应用中实现导航系统和路由配置，涵盖菜单、标签、面包屑等导航模式，以及React、Python等框架的客户端和服务器端路由。关键词：导航模式、路由实现、前端开发、后端开发、React、TypeScript、Python、Flask、Django、FastAPI、可访问性、SEO优化。

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

这是一个关于 TanStack Query（React Query）的专业技能，专注于在 React 应用中高效管理服务器状态。它提供了数据获取、缓存、变更处理、乐观更新、无限查询和预取等核心功能的实现模式与最佳实践。适用于需要优化数据流、提升应用性能和用户体验的前端开发场景。关键词：React Query，服务器状态管理，数据缓存，乐观更新，无限查询，前端性能优化，React 数据获取。

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

前端开发模式汇总，包含React、Next.js、状态管理、性能优化、UI最佳实践等关键技术点。

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