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进行组件渲染、用户交互和异步状态管理的测试模式。

使用函数组件、钩子、组合和TypeScript设计可扩展的React组件，适用于构建组件库和UI系统。

在React中使用Framer Motion、GSAP、React Spring和CSS动画创建高效、可访问的动画，包含最佳实践。

这个技能提供了用于React/Next.js的聊天用户界面构建块，包括容器、消息、输入和打字指示器等组件，帮助开发者快速构建自定义聊天界面、消息应用和AI助手界面。关键词：聊天UI, React组件, Next.js, 前端开发, 聊天界面, AI助手, 用户界面设计。

此技能专注于跨平台移动应用开发，使用Flutter和React Native等技术，用于构建高性能的iOS和Android原生应用。涵盖移动UI设计、平台功能集成、离线优先架构等关键方面，旨在实现清洁架构和高效状态管理。关键词：移动开发、跨平台、Flutter、React Native、iOS、Android、清洁架构、状态管理、UI设计、离线优先。

这个技能用于掌握Next.js 14+ App Router的高级开发模式，包括Server Components、流式渲染、并行路由和高效数据获取，适用于构建高性能、可扩展的Next.js应用程序，优化服务器端渲染和静态生成，提升全栈开发效率和用户体验。关键词：Next.js, App Router, Server Components, streaming, SSR, SSG, React, 前端开发, 数据获取, 缓存优化。

React状态管理技能专注于React应用中的状态管理，涵盖使用Redux Toolkit、Zustand、Jotai和React Query等工具来管理局部状态、全局状态和服务器状态。适用于设置全局状态、管理服务器状态或选择状态管理解决方案。关键词：React、状态管理、Redux、Zustand、Jotai、React Query、前端开发。

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