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

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

Storybook交互测试函数是一种前端开发测试技能，用于通过编写play函数在Storybook故事中自动化测试React等组件的用户交互、状态变化和边界情况。它支持模拟真实用户行为、集成Testing Library进行语义查询、处理异步操作和验证错误状态。关键词包括Storybook、交互测试、前端测试、自动化测试、组件测试、Testing Library、play函数。

这个技能用于在 React Native 移动应用中实现导航功能，涵盖堆栈导航、标签导航、抽屉导航、深度链接和常见导航模式。关键词：React Native, 导航, 移动开发, React Navigation, 堆栈导航, 标签导航, 抽屉导航, 深度链接, 类型安全导航, 认证流程, 深度链接配置。

本技能指南是关于如何在 Arbitrum 区块链上使用 Stylus (Rust) 和 Solidity 开发去中心化应用 (dApp) 的完整教程。内容涵盖从本地开发环境搭建 (nitro-devnode)、智能合约编写与测试 (Rust/Solidity)、到前端 (React/Next.js) 集成 (viem/wagmi) 的全栈工作流。关键词：Arbitrum, dApp开发, 智能合约, Stylus, Rust, Solidity, 区块链开发, 前端集成, 本地测试, 部署指南。

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

Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。

这是一个专门针对Next.js 15框架的应用路由器技能指南，提供完整的服务器组件、客户端组件、数据获取、缓存策略、服务器操作和元数据管理的全面解决方案。包含150+实际代码示例和最佳实践，帮助开发者正确实现现代Next.js应用架构，避免常见错误，优化性能。关键词：Next.js 15, App Router, 服务器组件, 数据获取, 缓存策略, 服务器操作, React框架, 前端开发, Web性能优化。

这是一个前端开发工具套件，用于构建复杂的Claude.ai HTML构件，使用React、Tailwind CSS、shadcn/ui等现代前端技术，支持状态管理、路由和UI组件，适用于创建多组件、响应式的Web应用。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、工具套件、Claude.ai、Vite、Parcel。

该技能是一个前端开发工具套件，专门用于为Claude.ai创建复杂、多组件的HTML神器，采用React、Tailwind CSS和shadcn/ui等现代技术，支持状态管理和路由，适用于构建高级前端项目。关键词：前端开发，React，Tailwind CSS，shadcn/ui，HTML神器，Claude.ai。

这个技能专注于在TypeScript项目中集成Zustand状态管理库，提供类型安全的商店创建、选择器定义、切片模式、中间件使用等高级模式，帮助前端开发者构建可维护、高效和类型安全的React应用。关键词：Zustand, TypeScript, 状态管理, 类型安全, 前端开发, React, 商店创建, 选择器, 切片模式, 中间件。

这个技能用于React Native应用中的样式设计和布局优化，包括StyleSheet API、Flexbox布局、响应式设计、平台特定样式和主题化。关键词：React Native, 样式设计, Flexbox, 响应式设计, 主题化, 移动开发, 前端开发, 用户体验设计。