Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新

Lovable集成助手是一个专为Lovable.dev低代码开发平台设计的AI技能工具，主要用于自动化处理Supabase后端部署、数据库迁移和边缘函数管理。该技能提供精确的部署提示词生成、项目结构解析和自动化部署流程，帮助开发者高效管理React+Supabase全栈项目的云端部署工作流。关键词：Lovable.dev, 低代码开发, Supabase部署, 边缘函数, 数据库迁移, 自动化部署, 全栈开发, 云原生应用

本指南旨在指导开发者如何在FlowGram项目的form-materials包中创建新的物料组件，涵盖组件位置、代码质量、物料设计和技术栈选择，以及详细的开发流程和最佳实践。关键词包括：FlowGram、物料组件、开发指南、代码规范、UI组件库、React。

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

现代 React UI 设计模式，专注于提升用户体验，包括加载状态、错误处理、数据获取等。

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

Expo Router 是一个用于 React Native 应用的文件系统基础路由库，支持导航、路由、深度链接、标签栏、模态框和导航状态管理。

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

使用 React Hook Form, Formik, Vee-Validate 和自定义验证器实现表单验证，包括客户端验证、服务器端同步和实时错误反馈。

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

此技能提供React Native和Expo移动应用开发的最佳实践指南，涵盖列表性能优化、动画实现、UI模式、状态管理等关键领域，帮助开发者提升应用性能和用户体验。关键词：React Native, Expo, 移动开发, 性能优化, 动画, UI设计, 状态管理。

这个技能专注于React前端开发中的组合模式，帮助开发者构建可扩展、可维护的组件，通过避免布尔属性泛滥，使用复合组件、状态提升和上下文提供者优化组件架构。关键词：React，组合模式，前端开发，组件架构，状态管理，可维护性，SEO。