React最佳实践和模式是一个专家级框架，用于构建使用函数组件、钩子、状态管理模式、性能优化和测试策略的React应用程序，以实现可维护和可扩展的代码。

这个技能是关于使用 Bun 运行时和 React 框架进行服务器端渲染（SSR），用于构建高性能、SEO友好的 Web 应用。它包括设置 SSR、流式渲染、数据获取、路由、CSS 处理、开发和优化等关键技术。关键词：Bun, React, SSR, 服务器端渲染, 前端开发, 性能优化, 流式渲染, 数据获取, 路由, CSS 处理, 热重载, 生产构建, SEO 优化。

这个技能提供了React开发的最佳实践指南，涵盖hooks使用、组件设计模式、状态管理策略和性能优化技巧。适用于前端开发者、React学习者和代码审查场景，帮助提升开发效率和代码质量。关键词：React、TypeScript、Next.js、hooks、组件模式、状态管理、性能优化、前端开发、代码审查。

这是一个用于创建复杂Claude.ai HTML工件的工具套件，基于现代前端技术如React、Tailwind CSS和shadcn/ui，支持状态管理、路由等高级功能，帮助开发者快速构建多组件前端应用。关键词：前端开发、React、TypeScript、Vite、Tailwind CSS、shadcn/ui、HTML工件、Claude.ai、工具套件、状态管理、路由。

这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。

此技能用于创建独特、生产级的前端界面，专注于高质量UI设计和创意编码，避免通用AI美学，适用于网页组件、React、HTML/CSS开发、美学设计、创意布局等场景，提升用户体验和视觉冲击力。关键词：前端开发、UI设计、网页界面、创意编码、美学设计、生产级代码、React组件、HTML/CSS布局、用户体验优化。

这是一个用于在代码提交前进行系统性审查的技能。它通过执行Git命令收集变更、读取文件、分析代码质量（包括正确性、性能、安全性和TypeScript类型）、对照项目编码规范检查，并结构化输出审查报告。该技能旨在帮助开发者确保代码质量、遵循最佳实践、发现潜在问题，并促进团队协作。关键词：代码审查，Git变更分析，代码质量检查，TypeScript规范，React最佳实践，性能优化，安全漏洞扫描，自动化代码审计。

使用 React Hook Form 和 Zod 构建类型安全、经过验证的表单，提高数据质量，减少表单放弃，提升用户体验。

这个技能是一套前端开发工具，专门用于构建Claude.ai平台的HTML工件，集成React、TypeScript、Vite、Tailwind CSS和shadcn/ui等现代技术，支持状态管理、路由和复杂组件开发，最终打包成单HTML文件分享。关键词：Claude AI, HTML工件, 前端开发, React, TypeScript, Vite, Tailwind CSS, shadcn/ui, 工具套件, 打包工具

前端开发模式是一套用于构建高效、可维护的现代Web应用程序的最佳实践，专为React和Next.js等框架设计，涵盖组件架构、状态管理、性能优化、UI/UX提升、表单处理、错误边界和动画效果。关键词：前端开发、React、Next.js、性能优化、状态管理、组件模式、SEO优化、用户体验。