这个技能提供全面的React和Next.js性能优化指南，包含40多个规则，用于消除瀑布、优化包大小和提高渲染性能。适用于开发者优化应用性能、审查代码、重构组件等场景，帮助提升前端开发效率和用户体验。关键词：React性能优化、Next.js优化、前端性能、包大小优化、消除瀑布、渲染优化、JavaScript性能。

Zustand 高级模式是一种前端状态管理技术，专为React应用程序设计，提供瞬态更新、乐观更新、撤销重做、存储组合等高级功能，用于优化性能和管理复杂状态。关键词：Zustand、状态管理、React、前端开发、性能优化、瞬态更新、乐观更新。

Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新

Next.js应用路由技能，提供Next.js App Router高级路由模式的专家级实现指导，包括路由组、并行路由、拦截路由、布局配置、加载状态、错误处理、流式渲染和API路由处理器。适用于前端开发、全栈架构、性能优化和复杂应用路由设计。关键词：Next.js App Router，路由组，并行路由，拦截路由，流式渲染，Suspense，API路由，前端架构，React框架，性能优化。

React Hooks 专家技能提供React框架中hooks模式的专业实现方案，包括自定义hooks开发、状态管理优化、性能调优和测试策略。本技能涵盖数据获取hooks、副作用管理、记忆化优化等关键技术，适用于前端开发人员构建高效、可维护的React应用。关键词：React Hooks, 自定义hooks, 前端开发, 状态管理, 性能优化, React Testing Library, 数据获取, 副作用处理。

这是一份针对React 19和TypeScript的详细编码规范文档，专门为量化金融分析工具Portfolio Buddy 2制定。它涵盖了组件结构、状态管理、TypeScript最佳实践、性能优化、错误处理、测试标准和代码组织等多个方面，旨在确保代码质量、可维护性和一致性。关键词包括：React 19, TypeScript, 编码规范, 组件设计, 状态管理, 性能优化, 错误处理, 代码审查, 前端开发, 量化金融工具。

Empathy Ledger开发技能是一个专门用于指导Empathy Ledger v2平台开发的综合参考工具。该平台是一个面向原住民社区、内置文化安全协议的多租户故事讲述系统。本技能提供项目结构、核心概念（如OCAP原则、文化敏感性分级）、常见开发模式、数据库设计、核心服务等快速参考。适用于开发人员快速查阅项目规范、确保文化合规性、实现多租户隔离、管理故事所有权和数据主权。关键词：Empathy Ledger、原住民数据主权、OCAP原则、文化安全协议、多租户架构、故事讲述平台、React开发、Next.js、Supabase、GDPR合规、文化敏感性设计。

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

React Native/Expo移动应用项目初始化与架构配置指南，提供TypeScript设置、数据库集成、状态管理、测试框架、目录结构等完整开发环境搭建方案。关键词：React Native开发，Expo配置，移动应用架构，TypeScript设置，数据库集成，状态管理，测试框架，项目初始化，开发环境搭建，移动开发最佳实践

React 开发避坑指南，提供 React 组件模式、表单验证、错误边界、可访问性 (a11y) 和响应式设计的常见陷阱与最佳实践。适用于前端开发、代码审查、性能优化、用户体验提升。关键词：React 组件，表单验证，错误边界，可访问性，响应式设计，前端开发，React Hook Form，Zod，ARIA，useEffect。

本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现，以及一系列提升应用性能与开发效率的最佳实践。关键词包括：Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。

本技能提供React+Vite应用程序与Bodhi JS SDK的完整集成方案，实现本地大语言模型聊天功能。包含OAuth身份验证、流式响应处理、GitHub Pages部署配置和故障排除指南。适用于前端开发者集成AI聊天功能、React应用添加LLM能力、Bodhi SDK连接配置等场景。关键词：React集成、Bodhi SDK、本地LLM、OAuth认证、流式聊天、GitHub Pages部署、前端AI应用、聊天机器人开发。