React 中异步/等待的正确性，使用 Zustand。用于调试竞态条件、遗漏的等待、悬浮承诺或异步定时问题。适用于 React Web 和 React Native。

这份指南提供了构建和部署React应用程序的详细步骤，包括Vercel和Netlify的部署指南、Docker部署、GitHub Actions CI/CD工作流、环境变量配置、构建优化技巧以及健康检查和监控设置。

前端设计系统技能专注于通过系统化的方法构建和维护一致、可扩展的用户界面组件，包括设计令牌、组件模式、布局系统和状态管理等核心部分，以提高前端开发效率和代码质量。关键词：前端开发，设计系统，UI组件，一致性，可维护性，组件库，React，TypeScript，SEO优化。

这个技能提供了一套精心策划的React动画组件，专门用于Remotion视频合成，帮助开发者创建具有美学价值的视觉特效和动画效果。关键词：React动画，Remotion视频，动画组件，视频特效，美学设计，前端开发。

Expo 应用设计技能专注于利用 Expo Router、NativeWind 和 React Native 构建美观、高效的跨平台移动应用，适用于前端移动开发，提升开发效率和用户体验。关键词：Expo, React Native, 跨平台应用, 移动开发, NativeWind, 导航

此技能涉及在React前端开发中使用useState函数的懒初始化技术，以避免在每次渲染时重复计算昂贵的初始值，提高应用性能。适用于构建搜索索引、解析JSON或复杂计算等场景。关键词：React, useState, 懒初始化, 性能优化, 前端开发

构件生成器是一套工具，用于使用React、TypeScript、Vite、Tailwind CSS和shadcn/ui等现代前端技术构建复杂的、多组件的HTML构件，可捆绑成单个HTML文件以便共享。关键词：构件生成器、前端开发、React、TypeScript、HTML构件、捆绑工具、claude.ai、前端工具、响应式设计。

性能优化技能专注于提高软件应用性能，通过代码分割、懒加载、缓存策略、包大小减少、渲染优化和性能分析等方法。用于改善页面加载时间、减少包大小、优化React渲染、实现代码分割、配置缓存策略、懒加载组件和路由、优化图像和资源、分析性能瓶颈、实现虚拟滚动、提升核心Web指标和Lighthouse分数。关键词：性能优化、代码分割、懒加载、缓存、React优化、Web性能、前端优化、后端优化、DevOps、监控。

这个技能提供了MUI Base UI的最佳实践指南，专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则，帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式，并支持受控和非受控组件模式。关键词：MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。

本技能是一个全面的代码审查与陷阱预防工具，专注于现代Web开发中的常见错误模式。它通过自动化检查，帮助开发者在代码审查、提交前和调试阶段，系统性地识别并预防在TanStack Query、Drizzle ORM、Express API、React、WebSocket、区块链RPC和安全等领域的高频问题。关键词：代码审查，陷阱预防，Web开发，React，区块链，安全，最佳实践，自动化检查，开发效率。

这项技能全面审计 Expo/React Native 应用的 API 集成层，用于识别认证问题、硬编码数据、同步问题以及离线行为等关键问题。关键词包括：API 集成、认证处理、数据同步、离线行为。

这个技能涵盖了React Web应用的样式模式，包括Tailwind CSS、CSS Modules、主题设计、响应式设计和组件样式。关键词：Tailwind CSS、CSS Modules、响应式设计、主题系统。