本技能专注于使用 Next.js 15 的 App Router 构建现代 Web 应用，核心是掌握 React 服务器组件。它详细讲解了服务器优先架构、流式服务器端渲染、服务器操作以及高效的数据获取模式。内容涵盖组件边界设计、性能优化、高级路由（如并行路由和拦截路由）以及从旧版 Pages Router 的迁移策略。适用于希望构建高性能、SEO友好且具有优秀用户体验的下一代 React 应用的前端开发者。关键词：React Server Components, Next.js 15, 服务器端渲染, 流式渲染, App Router, 前端架构, 性能优化。

AI前端构件构建器是一个专门用于创建复杂、交互式Claude.ai HTML构件的工具套件。它基于现代前端技术栈（React、TypeScript、Tailwind CSS、shadcn/ui），提供完整的项目初始化、开发、打包流程。该工具支持状态管理、路由和丰富的UI组件，能够将复杂的React应用打包成单个自包含的HTML文件，方便在Claude对话中直接分享和使用。主要功能包括：一键项目初始化、现代化前端开发环境、shadcn/ui组件库集成、智能打包工具、自包含HTML输出。关键词：Claude构件、前端开发、React应用、HTML打包、AI工具、shadcn/ui、Tailwind CSS、Vite、Parcel、交互式构件

这个技能指南提供了React Native和Expo移动应用开发的最佳实践，涵盖列表性能优化、动画实现、UI模式、状态管理等多个方面，旨在帮助开发者构建高性能的移动应用。关键词包括：React Native, Expo, 移动应用, 性能优化, 动画, UI设计, 导航, 状态管理。

本技能组提供综合指南，用于使用Next.js、Turborepo和RemixIcon构建现代全栈Web应用程序。适用于React应用开发、服务器端渲染、单仓库管理、构建性能优化和图标库集成。关键词：Next.js, Turborepo, RemixIcon, 全栈开发, 前端框架, 单仓库, 图标库, SEO优化。

这是一个由Vercel工程团队提供的React和Next.js性能优化技能指南，包含57条规则，分为8个优先级类别，用于指导开发者编写、审查和重构代码，以消除性能瓶颈、优化包大小、提升服务器和客户端性能。关键词：React, Next.js, 性能优化, Vercel, 前端开发, 代码重构, 包优化, 数据获取

前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。

此技能专注于设计和构建可靠的自主AI代理系统。涵盖代理循环（如ReAct和Plan-Execute）、目标分解、自我纠正和反思模式。强调通过减少失败率和添加护栏来确保代理在生产环境中的稳定性。关键词：自主代理、AI智能体、agent loops、目标分解、自我纠正、反思模式、可靠性、护栏。

这个技能专注于使用Expo和React Native开发生产级移动应用程序的架构模式，涵盖导航、状态管理、原生模块集成、离线同步、性能优化、CI/CD部署等关键方面，适用于构建iOS和Android应用。关键词包括：React Native、Expo、移动开发、架构设计、原生模块、离线同步、性能优化、导航模式、状态管理、EAS构建、OTA更新。

该技能是一个用于创建复杂HTML产物的前端开发工具套件，基于React、Tailwind CSS和shadcn/ui技术栈。它通过自动化脚本初始化项目、开发产物并捆绑成单个HTML文件，适用于构建需要状态管理、路由和多组件交互的Web应用。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML产物构建、工具套件、claude.ai。

这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。

这是一份由Vercel官方维护的React和Next.js应用性能优化权威指南。它提供了45条经过验证的最佳实践规则，涵盖消除瀑布流、包大小优化、服务器与客户端性能、重渲染控制、JavaScript执行效率等关键领域，旨在帮助开发者编写高性能、可维护的现代Web应用代码。关键词：React性能优化，Next.js最佳实践，前端性能，代码重构，Vercel工程指南，Web应用优化。

UI处理器是一个用于快速构建现代Web界面的技能工具。它通过集成Shadcn MCP和21st.dev MCP，提供原子组件（如按钮、输入框）和复杂区块（如英雄区、仪表盘）的自动化生成与管理。核心功能包括组件安装、主题定制、布局构建和样式管理，旨在提升前端开发效率，实现UI的快速原型设计和一致性维护。关键词：UI组件，前端开发，Shadcn，21st.dev，原子设计，区块生成，主题定制，React组件，Web界面构建。