此技能提供全面的质量保证和测试自动化解决方案，专为现代 Web 应用如 ReactJS、NextJS、NodeJS 设计。核心功能包括自动化测试套件生成、代码覆盖率分析、端到端测试脚手架搭建，帮助团队提升软件质量、优化测试策略和确保应用稳定性。关键词：质量保证、测试自动化、测试套件、覆盖率分析、E2E 测试、ReactJS、NextJS、NodeJS。

Figma MCP 是一个技能，用于通过 Figma MCP 服务器将 Figma 设计自动化转换为生产代码。它允许用户根据 Figma URL 或节点 ID 获取设计上下文、截图和资产，然后按照项目规范（如 React 和 Tailwind）实现代码，确保视觉和行为与设计一致。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化集成。

这个技能用于通过Figma API提取设计令牌、生成React/CSS代码、同步设计系统、自动化设计到代码工作流，并支持Figma插件开发和Dev模式集成。关键词包括Figma API、设计令牌、代码生成、前端开发、自动化工作流、React组件、Tailwind CSS、设计系统。

前端协调器技能负责协调和管理前端开发任务，包括React组件、状态管理、UI/UX设计和视觉测试，确保代码质量符合前端标准。

该技能是用于创建复杂的 Claude.ai HTML 构件的前端开发工具套件，基于 React、Tailwind CSS 和 shadcn/ui 技术栈。它支持状态管理、路由和多组件构建，适用于需要高级前端功能的项目，提高开发效率和构件质量。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML 构件、Claude.ai、工具套件、状态管理、路由、前端技术。

这个技能是一个前端开发工具套件，专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品，支持状态管理和路由，不适用于简单文件。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。

Base UI React 是 MUI 提供的无样式、可访问 React 组件库，用于开发可访问的 Web 组件。它支持渲染属性模式，集成 Floating UI 进行精准定位，适用于需要高度自定义样式和可访问性的前端开发场景。关键词：base-ui, React, 无样式组件, 可访问性, Floating UI, Radix UI 迁移, 渲染属性, 前端开发

本技能专注于使用React Native和Flutter进行跨平台移动应用开发，涵盖导航、状态管理和响应式设计等核心模式。适用于构建高效、可扩展的移动应用，提升开发效率和用户体验。关键词：移动开发, React Native, Flutter, 导航, 状态管理, 响应式设计, 跨平台应用, 性能优化, 用户体验

该技能是一套用于构建复杂前端HTML工物的工具，基于React、TypeScript、Tailwind CSS、shadcn/ui等现代技术，支持状态管理、路由和组件化开发，特别针对Claude.ai平台，便于前端开发者快速创建、打包和共享交互式工物。关键词包括：Web工物构建、前端开发、React工物、Claude.ai、HTML打包、前端工具、状态管理、路由、shadcn/ui。

这个技能用于在前端应用程序中设置和配置Bknd TypeScript SDK，包括Api类初始化、身份验证令牌管理、与React等框架集成，以及TypeScript类型注册。适用于开发人员连接Bknd后端服务，提升前端开发效率。关键词：Bknd SDK, 前端开发, 身份验证, React集成, TypeScript, 客户端配置。

这个技能提供了一个指南，用于在Phoenix monorepo中迁移或升级TypeScript工具，包括工具替换、版本升级和依赖管理。关键词：TypeScript、工具迁移、前端开发、monorepo、CI/CD、React、oxlint、oxfmt。

这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。