这是一个用于在Next.js框架中构建安全、稳健的API客户端的技能，专门处理JWT令牌的身份验证流程。该技能提供集中化的API通信层，自动管理令牌的附加、过期检测和刷新，标准化错误处理，并支持客户端和服务器端集成。关键词：Next.js API客户端、JWT身份验证、令牌管理、前端安全、API集成、错误处理、React集成、性能优化

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

这个技能是关于在JavaScript中使用toSorted()方法进行数组排序而不突变原始数组，特别适用于React应用，以确保数据不可变性。关键词包括：JavaScript, toSorted, 不可变性, 数组排序, React, 前端开发, 数组突变避免。

Zod 是一个用于 TypeScript 的数据模式验证库，主要用于定义和验证数据模式，确保代码的健壮性和类型安全。它广泛应用于前后端开发，特别是 Node.js 和 React 项目中。关键词：Zod, TypeScript, 模式验证, 数据验证, 运行时验证, 类型安全

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

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

Next.js开发专家技能用于构建高性能、SEO优化的Next.js 14+应用，专精于App Router、服务器组件和全栈部署。关键词：Next.js, App Router, React Server Components, SEO优化, 性能优化, Vercel部署, 前端开发, Web开发, 全栈开发, 服务器渲染

Jest测试技能是一个专注于JavaScript和TypeScript代码质量保障的专业工具集。它提供全面的单元测试、快照测试、覆盖率分析和React组件测试能力，帮助开发者构建可靠的自动化测试套件，确保代码在持续集成和交付流程中的稳定性。关键词：Jest测试框架，JavaScript单元测试，TypeScript测试，React Testing Library，测试覆盖率，自动化测试，CI/CD集成。

本文介绍了React、Next.js框架下，用于状态管理、性能优化和UI最佳实践的现代前端开发模式。包括组件模式、自定义钩子模式、状态管理模式、性能优化、表单处理模式、错误边界模式、动画模式和可访问性模式。

Portfolio Buddy 2 开发规划指南，提供代码保留、移动/桌面端优化、需求澄清等核心原则。适用于软件开发、量化金融、前端开发、代码重构、项目管理、敏捷开发、React TypeScript、投资组合分析、金融科技应用开发。

UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP，提供原子组件（如按钮、输入框）和复杂区块（如英雄区、仪表盘）的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理，旨在提升前端开发效率，实现UI的快速原型设计和一致性维护。关键词：UI组件，前端开发，Shadcn，21st.dev，原子设计，区块生成，主题定制，React组件，Web界面构建。

React测试技能涵盖了使用Jest和React Testing Library进行组件渲染、用户交互和异步状态管理的测试模式。