这个技能指导如何在SHINOBI WAY游戏中实现Split-Panel Combat UI（模式A），包括水平对抗战斗布局、角色面板、行动码头等组件的创建和架构。关键词：游戏开发、UI设计、React组件、CSS Grid布局。

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

本技能专注于Next.js 14+应用路由器的架构模式，涵盖服务器组件、流式渲染、并行路由和高级数据获取，适用于构建高性能全栈React应用，提升开发效率和SEO优化，关键词：Next.js, 应用路由, 服务器组件, 流式渲染, 并行路由, 数据获取, React, 前端开发, SEO。

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

Astro性能优化技能，专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段，提高Astro框架网站的Lighthouse评分至95分以上，适用于前端性能优化。关键词：Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。

前端开发技能专注于使用React等框架构建用户界面，实现响应式布局、状态管理和性能优化，以创建高性能、可访问的Web应用程序。关键词：前端开发、React、响应式设计、状态管理、性能优化、可访问性、Web开发。

Tailwind CSS v4 模式是一种前端开发技能，专注于使用Tailwind CSS v4框架实现CSS优先配置、容器查询、现代布局模式、设计令牌架构等，用于快速构建高效、响应式、可维护的Web界面。关键词包括Tailwind CSS、CSS-first、容器查询、设计令牌、前端开发、响应式设计、布局模式。

这个技能用于优化前端React应用中的正则表达式使用，通过将RegExp创建提升到模块作用域或使用React的useMemo钩子进行记忆化，避免在每次渲染或函数调用时重复创建，从而提高性能并减少内存开销。关键词：React性能优化, 正则表达式提升, useMemo记忆化, 前端开发技巧, JavaScript最佳实践。

Vercel React 最佳实践是一套全面的 React 和 Next.js 性能优化指南，由 Vercel 维护。这套指南包含 45 条规则，覆盖 8 个类别，旨在指导开发者在编写、审查或重构 React/Next.js 代码时，遵循最佳性能模式。关键词包括：性能优化、React 组件、Next.js 页面、数据获取、捆绑包优化、性能改进。

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

这是一个基于Remotion的视频制作技能，能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染，适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词：视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。

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