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

React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。

移动平台架构师是一种专业角色，专注于设计、架构和指导移动应用程序的开发，涵盖跨平台框架如 React Native 和 Flutter，以及原生平台如 iOS 和 Android。他们提供状态管理、导航、性能优化和平台特定最佳实践的指导，确保应用程序高性能、可扩展并提供原生的用户体验。关键词：移动架构、跨平台开发、原生应用、React Native、Flutter、状态管理、性能优化、移动开发。

TanStack Start 是一个全栈 React 框架，用于构建具有服务器端渲染、客户端渲染、Cloudflare Workers 支持和文件式路由的 React 应用。适用于从 Next.js 迁移、解决水合错误、实现边缘渲染等场景。关键词：React, 全栈, SSR, CSR, Cloudflare Workers, TanStack Router, 前端开发, 全栈开发。

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

Widget渲染器是一个用于从JSON生成声明式UI的工具，专为React/Next.js设计。它支持多种UI组件如按钮、输入框、卡片、布局等，适用于动态表单、数据展示和交互式卡片。关键词：UI渲染器、JSON UI、声明式UI、React组件、Next.js工具、前端开发、低代码开发、UI组件库。

该技能是一个前端开发专家工具，专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码，使用shadcn/ui组件库确保UI一致性，并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务，适用于现代Web前端开发。关键词包括：前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。

Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。

这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能，支持React Query、SWR等查询库集成，提供自定义mutators和Mock测试功能，适用于前端开发和API消费。关键词：Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。

这个技能提供React应用中处理加载状态、错误处理和异步数据获取的现代UI模式。它适用于构建UI组件、管理异步数据或处理UI状态，包括骨架屏、错误显示、按钮状态和表单提交等模式，旨在提升用户体验和应用性能。关键词：React, UI模式, 加载状态, 错误处理, 数据获取, 前端开发, 用户界面, 用户体验, 骨架屏, 乐观更新。

构件构建器是一个前端开发工具套件，专门用于创建和打包复杂、多组件的Claude.ai HTML构件。它集成了React、TypeScript、Vite、Tailwind CSS和shadcn/ui，支持状态管理、路由和组件化开发，并能将项目捆绑成单个HTML文件，便于分享和部署。关键词：前端开发、HTML构件、React、Tailwind CSS、shadcn/ui、构件构建、Vite、Parcel。

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