前端开发模式汇总，包含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提示设计，大语言模型优化。

反应性危害分析器是一款专注于化工过程安全的专业技能工具，用于评估化学物质的热稳定性、识别化学不相容性、分析失控反应风险。它通过处理DSC、ARC等量热数据，进行绝热失控模拟、TMRad计算、SADT确定和泄放尺寸设计，为化工工艺开发、反应器安全设计和HAZOP研究提供关键的安全评估支持。关键词：反应性化学危害，热稳定性分析，化学不相容性，失控反应评估，量热数据，过程安全，泄放尺寸设计。