这是一份针对React 19和TypeScript的详细编码规范文档，专门为量化金融分析工具Portfolio Buddy 2制定。它涵盖了组件结构、状态管理、TypeScript最佳实践、性能优化、错误处理、测试标准和代码组织等多个方面，旨在确保代码质量、可维护性和一致性。关键词包括：React 19, TypeScript, 编码规范, 组件设计, 状态管理, 性能优化, 错误处理, 代码审查, 前端开发, 量化金融工具。

这项技能全面审计 Expo/React Native 应用的 API 集成层，用于识别认证问题、硬编码数据、同步问题以及离线行为等关键问题。关键词包括：API 集成、认证处理、数据同步、离线行为。

React Native中复杂多步骤操作的实现指南，包括状态机模式、显式流程实现、流程对象、流程状态跟踪、集成测试流程和流程文档。

这项技能涉及使用Next.js/React技术栈进行前端开发，包括UI实现、API集成、状态管理等关键环节，确保项目在前端的高质量交付。

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

这个技能用于构建类型安全、基于文件的路由的React单页应用（SPA），集成TanStack Query，优化用于Cloudflare Workers部署，提高开发效率和代码质量。关键词包括：TanStack Router、React路由、TypeScript类型安全、文件路由、数据加载、Cloudflare Workers、前端开发。

这是一个用于React和Next.js应用性能优化的技能，提供Vercel工程团队的45条最佳实践规则，涵盖从消除瀑布效应到包大小优化等关键领域，旨在指导代码重构和自动化生成。关键词包括：React, Next.js, 性能优化, 前端开发, 代码审查, 数据获取, 包优化, 渲染性能, JavaScript优化。

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

Convex实时应用开发技能用于构建反应式应用程序，专注于实时数据订阅、乐观更新、智能缓存和基于游标的分页查询。关键技术包括Convex平台集成、React前端开发、实时数据同步、性能优化，适合前端开发者提升用户体验和效率。关键词：Convex、实时、订阅、乐观更新、缓存、分页、React、前端开发、反应式应用。

Next.js Server Components技能用于通过服务器端渲染React组件来优化Web应用性能，减少客户端JavaScript负载，提升SEO和用户体验。关键词包括Next.js、Server Components、服务器端渲染、性能优化、React、前端开发、SEO、Core Web Vitals、流式渲染、数据库访问。

这是一个用于从OpenAPI规范自动生成类型安全的TypeScript客户端的技能，支持React Query、SWR等查询库集成，提供自定义mutators和Mock测试功能，适用于前端开发和API消费。关键词：Orval, OpenAPI, TypeScript, 客户端生成, React Query, SWR, 自定义mutators, MSW mocks。

这个技能提供全面的Expo React Native移动应用开发指南，涵盖项目设置、路由导航、屏幕开发、数据管理、认证安全、深度链接等关键领域。适用于前端开发者和移动应用开发者，帮助快速构建高性能的Expo应用。关键词：Expo, React Native, 移动开发, 前端开发, 导航, 认证, 深度链接。