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

React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。

React Native性能优化技巧，包括列表优化、组件记忆化、避免不必要的重新渲染等，旨在提升Expo/React Native应用的性能表现。

使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。

这个技能教授如何使用 TanStack Query v5（React Query）进行 React 应用中的服务器状态管理，包括数据获取、缓存、突变和错误处理。关键词：TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。

此技能用于在 React 应用中实现类型安全的表单验证，结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证，并解决常见错误如未控制到控制警告。关键词：React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。

本技能介绍如何使用Bknd平台进行文件上传，包括通过UI和代码两种方式，使用MediaApi SDK或REST API，支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发，涉及低代码开发场景。关键词：Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。

Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用，专精于App Router、服务器组件和全栈部署。关键词：Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染

这个技能专注于使用React Native框架进行跨平台移动应用开发，涵盖样式设计、导航实现和动画创建，以构建高性能、原生体验的应用。关键词包括：React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。

这是一个用于测试 React Native Web 应用程序的技能，专注于使用 Jest 和 React Native Testing Library 进行单元测试、组件测试和集成测试，提供配置指南、最佳实践和代码示例，适用于前端开发、移动开发和测试领域，关键词包括 React Native、Web 测试、Jest、RNTL、组件测试、异步测试、模拟模块。

提示工程师是专注于大型语言模型（LLM）提示词设计、优化和评估的专业角色。核心技能包括思维链（Chain-of-Thought）、ReAct、小样本学习（few-shot learning）等高级提示技术，以及生产环境提示词管理和性能评估。该技能旨在通过精准的提示工程提升LLM应用的准确性、一致性和可靠性，减少模型幻觉，优化输出质量。关键词：提示工程，LLM提示优化，思维链，ReAct，小样本学习，提示词管理，AI提示设计，大语言模型优化。

LlamaIndex智能体配置技能专注于搭建基于检索增强生成(RAG)的智能问答系统。该技能提供完整的智能体框架配置方案，包括ReAct智能体、OpenAI函数调用智能体、结构化规划智能体等多种智能体类型，支持向量存储索引、知识图谱、SQL查询等多种查询引擎。适用于知识库问答、文档智能分析、企业级RAG系统搭建等场景。 关键词：LlamaIndex智能体 RAG系统 检索增强生成 知识库问答 OpenAI函数调用 查询引擎配置 AI智能体开发 多文档处理 记忆聊天引擎