此技能专注于通过独特美学和高质量代码创建生产级前端界面，适用于构建网站、组件、应用等Web UI，强调创意设计、排版、颜色、动效和空间构图，避免通用AI美学，提升用户体验和SEO友好性。关键词：前端设计、UI设计、创意界面、HTML/CSS/JS、React、美学设计、生产级代码、用户体验。

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

这个技能专注于使用React Native框架进行跨平台移动应用开发，涵盖样式设计、导航实现和动画创建，以构建高性能、原生体验的应用。关键词包括：React Native, 样式设计, 导航, 动画, 跨平台, 移动开发, 性能优化, Reanimated, React Navigation。

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

这是一个用于测试 React Native Web 应用程序的技能，专注于使用 Jest 和 React Native Testing Library 进行单元测试、组件测试和集成测试，提供配置指南、最佳实践和代码示例，适用于前端开发、移动开发和测试领域，关键词包括 React Native、Web 测试、Jest、RNTL、组件测试、异步测试、模拟模块。

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

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

现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。

Expo Router 是一个用于 React Native 应用的文件系统基础路由库，支持导航、路由、深度链接、标签栏、模态框和导航状态管理。

Next.js 14+ App Router 是一个专家级框架，用于构建现代 React 应用程序，包含 Server Components、Streaming、Server Actions 和改进的数据获取能力。

本技能介绍如何使用Bknd平台进行文件上传，包括通过UI和代码两种方式，使用MediaApi SDK或REST API，支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发，涉及低代码开发场景。关键词：Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。

提供前端开发的最佳实践和指南，专注于React/TypeScript应用程序，覆盖Suspense数据获取、懒加载、TanStack Router路由、MUI v7样式、性能优化等现代技术。适用于前端开发者创建高效、可维护的应用程序，关键词：前端开发、React、TypeScript、Suspense、懒加载、TanStack Query、MUI、性能优化。