这是一个用于生成 CookMode V2 代码库技术文档的专用工具。它专注于描述现有系统的实现细节、文件结构、组件交互和数据流，提供准确、客观的事实性信息，不提供改进建议或批判性分析。关键词：CookMode V2, 技术文档, 代码库地图, 系统架构, 事实源, React, Supabase, 前端开发。

React组件开发技能是专门用于创建React UI组件的专家指导体系，涵盖函数组件、钩子、自定义钩子和组件组合模式。该技能专注于TypeScript类型安全、性能优化、可访问性设计和现代React最佳实践，适用于构建ERP系统、仪表板、KPI卡片、表单、模态框等企业级UI组件。关键词：React组件开发、TypeScript、函数组件、自定义钩子、组件组合、性能优化、可访问性、UI设计、前端开发、React最佳实践

React Native 移动开发技能指南，提供使用 React Native 和 Expo 框架构建跨平台 iOS 和 Android 移动应用的完整工作流程。涵盖项目初始化、组件开发、平台适配、性能优化、调试部署等核心知识，适用于前端开发者和移动应用工程师快速上手混合应用开发。

ShadCN UI组件开发规范是一套针对React前端开发的标准化指南，专注于UI组件构建、无障碍访问（WCAG 2.1 AA）、TailwindCSS最佳实践和TypeScript类型安全。该规范详细说明了如何使用ShadCN UI库（基于Radix UI原语）进行现代Web应用开发，包括组件安装模式、表单验证（React Hook Form + Zod）、服务器/客户端组件划分、深色模式支持以及严格的测试方法。适用于构建企业级React应用、Next.js项目，确保代码一致性、可维护性和卓越的用户体验。

移动应用调试是一项专注于解决移动应用特有的平台问题、设备限制和网络条件的技术。它包括iOS和Android平台的调试技巧，以及跨平台问题如React Native和Flutter的调试方法。

前端测试生成器是一款自动化工具，专门用于为React和Vue组件生成全面的测试代码。它基于React Testing Library (RTL) 框架，能够自动创建包含组件渲染验证、用户交互模拟（如点击、输入）、可访问性检查以及快照测试的单元测试文件。该工具旨在提升前端开发效率，确保代码质量，并遵循现代前端测试的最佳实践。 关键词：前端测试，React测试，Vue测试，组件测试，单元测试，自动化测试，React Testing Library，快照测试，可访问性测试，用户交互测试

React Web 开发技能，涵盖测试先行开发、组件和钩子测试模式、项目结构、组件模式、状态管理、路由、样式、表单处理、测试策略和性能优化。关键词：React, 测试先行，组件开发，状态管理，React Router，CSS 模块，Tailwind, 性能优化。

移动平台架构师是一种专业角色，专注于设计、架构和指导移动应用程序的开发，涵盖跨平台框架如 React Native 和 Flutter，以及原生平台如 iOS 和 Android。他们提供状态管理、导航、性能优化和平台特定最佳实践的指导，确保应用程序高性能、可扩展并提供原生的用户体验。关键词：移动架构、跨平台开发、原生应用、React Native、Flutter、状态管理、性能优化、移动开发。

这个技能提供了适用于TypeScript、JavaScript、React和Node.js开发的编码标准、最佳实践和模式，旨在提高代码质量、增强可读性和可维护性，适用于前端和后端软件开发。关键词包括编码标准、最佳实践、TypeScript、JavaScript、React、Node.js、代码质量、可维护性、软件开发。

本技能介绍如何使用Bknd平台进行文件上传，包括通过UI和代码两种方式，使用MediaApi SDK或REST API，支持React集成、进度跟踪、实体字段附件等。适用于前端和后端开发，涉及低代码开发场景。关键词：Bknd、文件上传、SDK、REST API、React、进度跟踪、实体媒体字段。

本技能提供由Vercel工程团队维护的React和Next.js应用性能优化指南，涵盖57条规则，分为8个优先级类别，帮助开发者在编写、审查、重构代码时优化性能，关键词包括React、Next.js、前端开发、性能优化、Vercel、数据获取、包大小优化、渲染优化、JavaScript优化，适用于提升网站速度和用户体验。

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