该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。

本技能介绍如何使用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开发, 全栈开发, 服务器渲染

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

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

Zustand状态管理技能是一个专门用于实现React应用轻量级全局状态管理的专家系统。它提供Zustand库的完整实现方案，包括类型安全的存储创建、中间件集成（持久化、DevTools、Immer）、模块化切片设计、性能优化选择器、异步操作处理等核心功能。适用于前端开发、状态管理迁移、性能优化等场景，关键词包括：Zustand状态管理、React全局状态、TypeScript类型安全、状态持久化、性能优化选择器、模块化切片、中间件集成、前端开发工具。

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

Context7智能文档助手是一款专为开发者设计的AI工具，能够实时获取和查询最新技术库文档。通过API接口，该技能可快速搜索React、Next.js、Supabase等主流开发框架的官方文档，提供准确的API参考、最佳实践和版本信息。关键词：文档查询、API参考、开发工具、实时文档、技术库搜索、编程助手、版本管理、开发效率。

提示工程是一门专注于设计和优化大型语言模型（LLM）提示词的技能，旨在提升AI助手的响应质量、效率和应用效果。它涵盖零样本提示、少样本提示、思维链（CoT）、ReAct等多种技术，适用于自然语言处理、代码生成、内容创作、AI应用开发等领域，帮助用户更有效地与AI系统交互。关键词：提示工程、LLM、AI提示、优化技巧、最佳实践、自然语言处理、AI助手、提示设计。

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

这是一个用于创建复杂多组件Claude.ai HTML前端工具的技能套件，使用React、Tailwind CSS、shadcn/ui等现代Web技术。适用于需要状态管理、路由或高级UI组件的项目，关键词包括前端开发、React、Tailwind CSS、shadcn/ui、构建工具。

此技能用于React应用程序的特性驱动架构设计，提供最佳实践指南，帮助开发人员组织项目结构、管理依赖、实现模块化开发，以提高应用的可扩展性和团队协作效率。关键词：React、特性驱动架构、前端开发、项目结构、模块化、可扩展性、代码审查。