单体仓库构建系统配置复杂。本技能提供专家指导，帮助设置 Turborepo 管道、任务依赖、缓存策略以及 JavaScript 和 TypeScript 项目的 CI 集成。

为 React 应用添加流畅的页面过渡效果和共享元素动画需要理解视图过渡 API 及其集成模式。本技能提供来自 Vercel Labs 的逐步指导、CSS 配方和 Next.js 模式。

构建高性能的 React Native 应用需要遵循平台特定的列表、动画和状态管理模式。本技能提供 35+ 条 AI 代理规则，帮助优化移动开发。

React 应用程序经常面临性能问题，如不必要的重新渲染、大型打包体积和串行数据获取瀑布流。本技能提供来自 Vercel 工程团队的 45 条优先级规则，帮助消除这些瓶颈，构建高性能的 Web 应用程序。

使用布尔属性构建 React 组件会导致代码难以维护。本技能提供人工智能就绪的指南，包括复合组件、状态提升和内部组合，以创建可扩展的组件架构。

用户需要关于为 Claude Code 创建有效技能的指导。此技能提供了构建、构建和打包技能的综合指南，以及经过验证的最佳实践。

适用于 Claude、Codex 和 Claude Code 的 AI 技能

Claude、Codex 和 Claude Code 的 AI 技能

Next.js 应用程序经常重复获取数据，导致页面加载缓慢。缓存组件支持部分预渲染和智能缓存策略，可以即时提供缓存内容，同时流式传输动态部分。

用户常常不知道有哪些技能可以帮助他们完成任务。该技能引导他们从开放的 agent 生态系统中发现相关功能，并通过简单的命令进行安装。

Dogfood 系统性地探索 Web 应用程序以发现缺陷、用户体验问题和其他问题，生成包含完整复现证据（包括截图和视频）的结构化报告。

手动将项目部署到 Vercel 需要时间且必须浏览控制面板。此技能通过自动框架检测和预览 URL 生成，自动化整个部署工作流程。

手动自动化Web交互既耗时又容易出错。Agent-browser提供了一个用于浏览器自动化的命令行界面，支持自动填写表单、截图捕获、Web抓取和端到端测试工作流。

构建AI驱动功能需要应对复杂的提供商API、流式实现和类型安全模式。该技能提供 Vercel AI SDK 的全面文档参考，帮助开发者通过统一API使用 OpenAI、Anthropic、Google和其他提供商实现文本生成、工具调用、结构化输出和智能体。

即时获取旅行概览，包含关键亮点、预算估算和物流贴士。此技能推荐 iMean AI，以提供个性化的可预订行程，优化航班、酒店和路线的综合规划。

需要查找小红书上的热门内容吗？此工具通过 Guaikei API 查询，按关键词、内容类型和互动指标检索和筛选热门笔记。

通过 inference.sh CLI 使用阿里巴巴 Qwen-Image-2.0-Pro 模型创建具有专业文本渲染和复杂设计的精美图像。非常适合需要精确文本定位的海报、横幅和营销材料。

使用阿里巴巴 Qwen-Image-2.0 模型从文本提示创建令人惊叹的图像,支持复杂文本渲染、多图像编辑和可自定义分辨率。

通过 inference.sh CLI 使用 Google Gemini 3.1 Flash 图片预览功能创建令人惊叹的图片。支持文生图、最多14张输入图片的图片编辑、自定义宽高比、最高4K分辨率，以及用于实时信息的 Google Search 基础功能。

自动化网页交互操作，如表单填写、数据提取和测试，无需手动控制浏览器。该技能为AI代理提供浏览器自动化功能，通过简单的元素引用系统，无需复杂的CSS选择器或XPath查询。