这是一个用于自动化生成符合规范的React组件的技能，支持TypeScript、Hooks、CSS Modules和测试文件，旨在提升前端开发效率和代码质量。关键词：React, TypeScript, 组件生成, 前端开发, 自动化工具, CSS Modules, Hooks, 测试文件, 代码规范。

Vercel React 最佳实践技能提供React和Next.js前端应用的性能优化综合指南，包含57条规则，按优先级分类。适用于编写、审查、重构React/Next.js代码时，确保最佳性能模式，涉及组件、页面、数据获取、包优化和性能改进，帮助提升应用速度、减少加载时间，优化用户体验。关键词：React, Next.js, 性能优化, 前端开发, Vercel, 最佳实践。

Zustand状态管理技能提供React应用中Zustand库的最佳实践指南，涵盖存储架构、选择器优化、重新渲染预防等关键方面，帮助开发者优化性能、提高代码可维护性，并集成SSR和TypeScript。关键词：Zustand, React, 状态管理, 最佳实践, 性能优化, 前端开发。

这个技能提供全面的Expo React Native移动应用开发指南，涵盖项目设置、路由导航、屏幕开发、数据管理、认证安全、深度链接等关键领域。适用于前端开发者和移动应用开发者，帮助快速构建高性能的Expo应用。关键词：Expo, React Native, 移动开发, 前端开发, 导航, 认证, 深度链接。

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

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

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

React 可观测性提供了日志记录、错误消息和调试模式，用于提高React应用的代码可观测性，帮助开发者在生产环境中更有效地诊断问题。

本技能专注于使用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。