Vue组合式API是Vue 3框架的核心功能，用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性，支持更好的代码组织、逻辑复用和TypeScript集成，适用于现代Vue开发，提高开发效率和代码质量。关键词：Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。

GraphQL 移动端集成技能专注于为移动应用（如 React Native、Flutter、iOS、Android）提供 GraphQL 客户端解决方案。它涵盖 Apollo Client 配置、代码自动生成、缓存策略优化以及实时数据订阅，旨在提升移动端数据获取效率、类型安全性和开发体验。关键词：GraphQL，移动开发，Apollo Client，代码生成，缓存策略，实时订阅，React Native，Flutter，iOS，Android。

JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。

本指南详细介绍了 TanStack Query v5 在数据获取、缓存管理和状态同步中的常见陷阱与最佳实践。内容涵盖 useQuery、useMutation、queryKey 配置、缓存失效策略、乐观更新模式以及从 v4 到 v5 的迁移要点。适用于前端开发者解决 React 应用中的数据状态管理问题，提升应用性能和用户体验。关键词：TanStack Query，React Query，数据获取，缓存失效，状态管理，前端开发，useQuery，useMutation，v5 迁移。

ShadCN UI组件开发规范是一套针对React前端开发的标准化指南，专注于UI组件构建、无障碍访问（WCAG 2.1 AA）、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库（基于Radix UI原语）进行现代Web应用开发，包括组件安装模式、表单验证（React Hook Form + Zod）、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目，确保代码一致性、可维护性和卓越的用户体验。

这份指南提供了React Native应用性能优化的指导，包括FPS提升、打包大小优化、启动时间（TTI）优化、原生性能提升和内存管理等关键领域，旨在帮助开发者提高应用性能和用户体验。

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

本文介绍了在 Expo 应用中实现 React Native 认证的模式，包括 OAuth 流程、令牌存储、认证上下文、保护路由和后端集成。

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

前端测试生成器是一款自动化工具，专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架，能够自动创建包含组件渲染验证、用户交互模拟（如点击、输入）、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率，确保代码质量，并遵循现代前端测试的最佳实践。 关键词：前端测试，React测试，Vue测试，组件测试，单元测试，自动化测试，React Testing Library，快照测试，可访问性测试，用户交互测试

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

该技能专注于现代前端开发的最佳实践，涵盖使用React Server Components进行服务器端渲染、性能优化技术如代码分割和捆绑优化，以及优化Core Web Vitals指标（如LCP、INP、CLS）以提升网站性能和用户体验。适用于React、Next.js等框架，关键词：前端开发、React Server Components、性能优化、Core Web Vitals、代码分割、图像优化、字体加载、CLS预防。