该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。

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

这个技能专注于优化React Native移动应用的性能，通过FlatList优化、组件记忆化、图像优化、包大小减少和性能分析等技术，提升应用运行效率和用户体验。关键词：React Native，性能优化，FlatList，记忆化，图像优化，包大小，性能分析，移动开发。

Midnight DApp错误处理技能专注于为基于零知识证明的区块链去中心化应用提供完整的错误管理解决方案。该技能涵盖错误分类、用户友好消息转换、恢复策略实现、React错误边界集成等技术要点，帮助开发者优雅处理证明生成失败、交易拒绝、网络断开等各类异常情况，提升DApp的稳定性和用户体验。关键词：Midnight DApp、错误处理、零知识证明、区块链错误分类、用户友好消息、React错误边界、交易错误恢复、网络错误处理、ZK证明失败、DApp开发。

这是一个关于现代 React 应用状态管理的综合指南。它详细介绍了如何根据状态类型（服务器状态、客户端状态、表单状态、URL状态）选择和使用不同的状态管理库（TanStack Query, Zustand, React Hook Form, Zod, nuqs），以实现高效、类型安全且可维护的代码。内容包括查询键工厂、自定义钩子、类型化存储、性能优化选择器、状态持久化以及表单验证等核心模式。

React Native是一种用于开发跨平台移动应用的框架，它允许开发者使用JavaScript和React来构建原生应用。这个技能涵盖了React Native的项目结构、组件模式、状态管理、测试和平台特定代码的最佳实践。

此技能用于在Bknd应用中实现用户认证流程，包括登录、注销和会话检查功能，涵盖SDK认证方法、REST API端点、React集成、错误处理等。关键词：Bknd、登录、注销、认证、前端开发、React、REST API、SDK、错误处理、会话管理。

这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。

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

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

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

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