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

这是一个关于现代 React 应用状态管理的综合指南。它详细介绍了如何根据状态类型（服务器状态、客户端状态、表单状态、URL状态）选择和使用不同的状态管理库（TanStack Query, Zustand, React Hook Form, Zod, nuqs），以实现高效、类型安全且可维护的代码。内容包括查询键工厂、自定义钩子、类型化存储、性能优化选择器、状态持久化以及表单验证等核心模式。

React复杂状态流管理：用于处理React中多步骤操作、异步流程、状态机模式或调试流程排序问题。适用于React Web和React Native。

Webpack是一个广泛用于前端开发的模块打包工具，提供配置管理、资源加载、代码分割和性能优化功能，通过插件和加载器扩展，支持构建现代化Web应用程序。关键词：前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。

此技能用于在TypeScript开发中强制执行严格编码规范，包括禁止未文档化的`any`类型、要求公共API显式类型、使用泛型约束、工具类型、只读属性和区分联合等，旨在提升代码质量、类型安全和可维护性。适用于TypeScript项目、新功能开发、代码审查和重构场景。关键词：TypeScript，严格模式，编码规范，类型安全，前端开发，代码审查。

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

创建带有x402支付保护的Next.js应用程序，利用Algorand区块链支付实现HTTP 402支付门控路由。

这个技能涵盖了Web UI设计的现代趋势和技术，包括玻璃形态效果、Tailwind CSS框架的应用、暗色模式的实现，以及确保可访问性的核心原则。关键词包括：玻璃形态、Tailwind、暗色模式、可访问性。

这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发

Nuxt Content v3 是一个基于 Git 的内容管理系统（CMS），专为 Nuxt.js 项目设计，用于管理 Markdown、YAML、JSON 和 CSV 文件，提供类型安全查询、模式验证（支持 Zod 和 Valibot）、全文本搜索、导航工具和 SQL 存储。适用于构建博客、文档网站、内容驱动应用等，支持 Cloudflare 和 Vercel 部署，集成 Nuxt Studio 进行生产编辑。关键词：Nuxt Content, Git CMS, Markdown 管理, 类型安全查询, 全文本搜索, 前端开发, 内容集合, 部署优化

这个技能提供6个精心挑选的Effect-TS入门模式，涵盖错误重试、值变换、并行处理等核心功能，帮助开发者快速上手Effect-TS应用，优化代码质量。关键词：Effect-TS, 入门, 模式, 函数式编程, TypeScript, 并发控制, 最佳实践。

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