本技能提供 Framer Motion 在 React 应用中的动画性能优化综合指南，包含 42 条规则覆盖 9 个优先级类别，帮助开发者优化包大小、防止重渲染、实现高效动画，提升前端性能。关键词：Framer Motion, React 动画, 性能优化, 前端开发, 动画指南, 性能最佳实践

这个技能提供Effect-TS库的全面最佳实践指南，涵盖服务模式、错误处理、模式匹配、层组合和前端状态管理，帮助开发者编写类型安全、可测试、可观察和可维护的代码。关键词：Effect-TS, TypeScript, 函数式编程, 最佳实践, 服务定义, 错误处理, 架构设计, React状态管理。

这是一个前端开发工具，用于快速创建和打包复杂的HTML组件，使用React、Tailwind CSS和shadcn/ui等现代技术，适用于需要状态管理、路由或多组件的Web项目。关键词包括前端开发、HTML打包、React组件、Tailwind CSS、shadcn/ui、Web组件构建、前端工具、组件打包、状态管理、路由支持。

React Flow自定义节点与边缘技能是用于使用React Flow库创建自定义节点和边缘的技术，主要应用于构建节点编辑器、工作流界面、可视化图表和数据流程图等前端开发场景。它支持交互式表单元素、多种节点类型、工具栏、可调整大小节点、分组节点、自定义边缘交互和连接验证。关键技能包括自定义组件、样式定制、行为交互、性能优化、前端开发、UI设计和JavaScript框架。

该技能专注于在React Native应用中处理iOS和Android平台特定代码，包括平台检测、平台特定文件、组件、权限处理和跨平台最佳实践，帮助开发者高效实现移动应用开发。关键词：React Native, 跨平台开发, iOS, Android, 平台API, 原生模块, 移动应用开发。

这个技能专注于使用 React Native 构建移动应用的用户界面组件，包括核心组件如 View、Text、Image，以及自定义组件和常见模式。适用于移动开发、前端开发，关键词包括 React Native、UI 组件、移动应用开发、组件库、前端技术。

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

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

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

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

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

该技能用于使用JavaScript和TypeScript进行Web开发，涵盖前端开发（如React）、后端开发（如Node.js）以及全栈项目构建。关键词包括JavaScript、TypeScript、前端开发、后端开发、ES6+、Node.js、React、Web框架。