React 相关 Skills

Vercel 工程团队提供的 React 与 Next.js 性能优化规则，涵盖 8 类共 57 条最佳实践。

提供前端界面视觉设计与美学方向指导，适用于网页、仪表盘等场景。

基于 React 的预构建交易界面组件，支持快速搭建去中心化交易平台。

基于OrbCafe UI实现企业级聊天机器人人格设置组件。

指导开发者编写贴近UI的前端组件单元测试与轻量集成测试。

用于审查和优化 React Flow v12 实现的最佳实践，提升稳定性与可维护性。

审查 React/TypeScript 组件的正确性、可访问性与状态管理，提供最小安全修改建议。

基于 requestAnimationFrame 的 React 游戏循环与动画钩子，支持 delta 时间处理和安全清理。

一套完整的 React 生产级应用构建方法，涵盖架构、组件、状态管理与性能优化。

自动检测React代码的性能、包体积与最佳实践问题，提供修复建议。

基于 @xyflow/react 构建节点式流程图与可视化编辑器的完整实现指南。

将 React 类组件迁移至 Hooks，升级至 React 18/19 并引入 TypeScript。

提供 React 应用开发中的结构、状态、性能与测试最佳实践流程。

提供 SSE、WebSocket 和 SWR 集成的 React 实时数据钩子，支持连接管理与重连逻辑。

自动检测 React 组件的性能、可访问性与状态管理问题，识别优化机会。

系统掌握 React Server Components、Suspense 及 Next.js App Router 最佳实践。

提供 React 高级 hooks、性能优化与状态管理的专家级代码指导。

提供 React、TypeScript、Next.js 等技术的架构与编码规范，涵盖状态管理、性能优化与测试实践。

提供 React + TypeScript 项目结构与组件设计的标准化建议。

专精 React 18+ 的高级开发助手，聚焦性能优化与现代架构。