TanStack Start 是一个全栈 React 框架，用于构建具有服务器端渲染、客户端渲染、Cloudflare Workers 支持和文件式路由的 React 应用。适用于从 Next.js 迁移、解决水合错误、实现边缘渲染等场景。关键词：React, 全栈, SSR, CSR, Cloudflare Workers, TanStack Router, 前端开发, 全栈开发。

这个技能教授如何使用 TanStack Query v5（React Query）进行 React 应用中的服务器状态管理，包括数据获取、缓存、突变和错误处理。关键词：TanStack Query, React Query, useQuery, useMutation, 数据获取, 缓存, 服务器状态, 前端开发。

TanStack Start 是一个基于 Bun 运行时的全栈 React 框架，用于快速构建现代 Web 应用。它支持文件路由、服务器函数、API 路由和错误处理，提高开发效率，适用于 SSR、构建优化和全栈开发场景。关键词：TanStack Start, React, 全栈开发, Bun, 文件路由, 服务器函数, Web 应用开发, SEO 优化。

这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。

此技能详细介绍了React服务器组件在Next.js中的应用，涵盖服务器与客户端组件的区分、组合模式及数据获取方法，适用于前端开发。关键词：React服务器组件、Next.js、服务器渲染、客户端交互、组件架构。

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

该技能是一个前端开发专家工具，专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码，使用shadcn/ui组件库确保UI一致性，并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务，适用于现代Web前端开发。关键词包括：前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。

React服务器动作是一种在Next.js 14+中用于处理表单和服务器端操作的技能，允许开发者在服务器端安全执行代码，无需传统API路由，支持渐进增强和优化用户体验。关键词：Next.js, React, 服务器动作, 表单处理, 服务器端突变, 渐进增强, 乐观UI更新, SEO搜索。

这个技能专注于设计和实施健壮的错误处理策略，包括使用try-catch块、自定义错误类、错误边界、API错误响应格式、重试逻辑、日志记录和监控，以提高软件系统的可靠性、容错能力和用户体验。关键词：错误处理、容错系统、异常管理、日志监控、API错误响应、重试策略、React错误边界、Express错误处理。

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

这个技能将精益制造原则（如5 Whys根因分析、Ishikawa因果图、PDCA循环）应用到软件开发中，用于系统问题解决、代码审查、生产事件分析和质量改进。适用于TypeScript/React项目，帮助团队实现持续改进、错误预防和标准化工作，提升开发效率和代码质量。关键词：精益制造、持续改进、5 Whys、Ishikawa、PDCA、软件开发、问题解决、代码质量、TypeScript、React、DevOps、质量保证。

UI/UX设计智能技能是一个全面的前端设计工具，提供可搜索的UI样式库、调色板、字体配对、图表类型和UX指南，支持多种技术栈如React、Vue、Tailwind等。用于规划、构建、设计和优化用户界面和用户体验，适用于网站、应用、仪表板等项目，提升设计效率和专业性。关键词：UI/UX设计、前端开发、样式库、颜色搭配、字体配对、用户体验、响应式设计、暗黑模式、可访问性、设计系统。