这是一份针对 Portfolio Buddy 2 项目的 React 19 和 TypeScript 编码规范文档。它详细定义了前端组件开发的最佳实践，包括组件结构、状态管理、TypeScript 类型安全、性能优化、错误处理、文件组织、测试标准和代码审查流程。适用于前端开发团队进行代码编写、审查和重构，确保项目代码质量和一致性。关键词：React 19, TypeScript, 前端开发, 编码规范, 组件设计, 状态管理, 性能优化, 代码审查。

前端设计技能专注于创建独特、生产就绪的前端用户界面，结合设计思维与代码执行，适用于网页、组件和应用程序的开发。关键词：前端设计、UI/UX、网页开发、React、Vue、HTML/CSS/JS。

React Native 专家技能专注于使用 React Native 新架构（Fabric/TurboModules）、JSI 和 Expo 构建高性能跨平台移动应用。核心能力包括原生模块开发、性能优化、架构迁移、Expo 工作流配置以及复杂原生 SDK 集成。关键词：React Native，新架构，Fabric，TurboModules，JSI，Expo，原生模块，性能优化，跨平台开发，移动应用开发。

本技能专注于使用Next.js 16框架构建现代化Web应用程序，涵盖从项目初始化、架构设计到部署的全流程。内容包括Next.js 16的重大变更（异步params/searchParams、Turbopack、缓存组件）、App Router模式、服务器组件与客户端组件的最佳实践、API路由设计、中间件配置（proxy.ts）、数据获取策略、项目结构规范以及开发工具集成（Next.js DevTools MCP）。适用于前端开发者、全栈工程师构建高性能、可扩展的React应用，特别适合需要SEO优化、服务器端渲染和现代化开发体验的项目。

自动化设置视觉回归测试，支持Chromatic, Percy, BackstopJS，适用于React, Vue, Svelte框架，集成至GitHub Actions, GitLab CI, CircleCI工作流。

Java SDK开发专家技能专注于为企业级应用设计和构建高质量、可维护的Java软件开发工具包。核心能力包括采用构建器模式设计SDK架构，实现响应式与同步客户端，配置Maven/Gradle构建与发布流程，确保对Java 11+的兼容性，并集成SLF4J日志、JUnit测试等企业级标准。关键词：Java SDK开发，企业级Java，构建器模式，响应式编程，Maven Central发布，API设计，Gradle构建，Project Reactor。

这是一个用于创建独特、高质量、生产级前端界面的技能。它专注于生成具有创意和精致美学的代码，避免通用AI设计风格，强调大胆的美学方向、独特的排版、创新的色彩方案、精心设计的动效和空间构成。适用于网站、落地页、仪表板、React组件、HTML/CSS布局等Web UI的设计与开发。关键词：前端设计，UI设计，网页开发，创意界面，生产级代码，独特美学，避免AI通用设计，React组件，CSS动画，用户体验设计。

该技能用于快速搭建基于Web技术的跨平台桌面应用开发环境。它集成了Rust后端与主流前端框架（如React、Vue、Svelte），提供项目结构初始化、配置文件生成、窗口设置、自动更新和跨平台构建等一站式解决方案。关键词：Tauri桌面应用，Rust后端，前端框架集成，跨平台开发，WebView，轻量级应用。

这是一个将HTML设计原型自动化转换为生产级React组件的引导式工作流工具。它支持玻璃态拟物化（Glassmorphism）UI设计风格，通过5步标准化流程（分析→映射→脚手架→实现→验证）确保代码质量。关键词：HTML转React、设计原型实现、玻璃态拟物化、组件脚手架、前端开发工作流、UI组件转换、代码质量验证、shadcn/ui集成

这个技能提供Vitest测试框架的全面指导，涵盖快速测试执行、Vite集成、组件测试、模拟和配置。适用于编写快速单元测试、测试Vue/React组件或在Vite项目中配置Vitest。关键词：Vitest, 测试框架, 单元测试, 组件测试, Vite, Jest兼容, 监视模式, HMR, TypeScript, ESM, 模拟, 快照, 覆盖率, 浏览器模式, 视觉回归测试。

专家级 API 测试技能，涵盖 FastAPI 后端和 React/Next.js 前端的单元测试、集成测试和端到端测试，强调测试覆盖率和质量保障。

这个技能用于快速构建AI聊天界面和代理式用户界面，基于React/Next.js组件，支持实时流式传输、工具生命周期管理、人机审批流程和声明式UI生成。适用于开发智能助手、SaaS副驾驶和AI应用前端。关键词：AI代理，React组件，前端开发，人机交互，工具管理，流式传输，代理界面。