Vercel技能

将供应商官方或社区适配器添加到 Chat SDK 目录和文档中——包括 adapters.json 注册表、chat/adapters 目录条目、文档 MDX 页面等。

按照nostics的defineDiagnostics()约定添加新的诊断代码

为添加新的AI函数示例提供指南，用于针对实际提供商API测试特定功能。

添加新AI SDK harness包的指南。在创建新的@ai-sdk/harness-<name>包（用于将编码代理运行时适配到HarnessV1）时使用。

将新的AI提供商包添加到AI SDK的指南。用于创建新的@ai-sdk/<provider>包，以将AI服务集成到SDK中。

Admin UI和操作员界面调试，用于vercel-openclaw：命令外壳设计、管理员操作、请求核心、状态面板、启动验证UI、频道…

创建并维护针对智能体编码工作流优化的架构决策记录（ADR）。在需要提议、编写、更新、接受/拒绝……时使用。

自动化浏览器交互，用于网页测试、表单填写、截图和数据提取。

自动化浏览器交互，用于网页测试、表单填写、截图和数据提取。当用户需要浏览网站、与网页交互时使用…

面向AI代理的浏览器自动化命令行工具。当用户需要与网站交互、验证开发服务器输出、测试Web应用、浏览页面、填写表单等场景时使用。

开发服务器的自动化浏览器验证。当开发服务器启动时触发，通过agent-browser执行可视化快速检查——验证页面是否加载，……

Vercel Academy 上 Agent-Friendly APIs 课程的配套技能。构建一个反馈 API，通过结构化文档使其对智能体友好，然后创建一个 Claude Code 技能来自动生成这些文档。

Python `ai` SDK — models, providers, streams, events, tools, agents, hooks, MCP, AI SDK UI, structured output, and media generation

使用AI模型在终端中生成文本、图像和视频。

AI Elements 组件库指南 — 基于 shadcn/ui 构建的 AI 界面预置 React 组件。用于构建聊天界面、消息展示、工具…

基于shadcn/ui和AI SDK构建的AI聊天界面预置React组件。包含专为AI原生应用设计的对话、消息、工具展示和提示输入组件。通过CLI直接安装到项目代码库中，使组件完全可定制，并可通过标准React模式扩展。需要Next.js、AI SDK、shadcn/ui和Node.js 18+；与Vercel的AI Gateway无缝集成以访问模型。所有组件均支持标准HTML属性...

Vercel AI Gateway专家指导。在配置模型路由、提供商故障转移、成本跟踪或通过统一方式管理多个AI提供商时使用…

AI生成持久化模式——每次LLM生成的唯一ID、可寻址URL、数据库存储及成本追踪

Vercel AI SDK 专家指导。在构建AI驱动功能时使用——聊天界面、文本生成、结构化输出、工具调用、智能体、MCP……

回答关于AI SDK的问题，并帮助构建AI驱动的功能。当开发者（1）询问诸如generateText、streamText等AI SDK函数时使用。

回答关于AI SDK的问题，并帮助构建AI驱动的功能。当开发者（1）询问诸如generateText、streamText等AI SDK函数时使用。

将Next.js打包分析器数据转换为NDJSON格式并进行探索

为API路由生成适合智能体阅读的Markdown文档。当用户说“生成文档”、“记录此API”、“创建API文档”或“制作…”时使用。

用于本地开发和测试的模拟“通过Apple登录”/Apple OIDC。当用户需要在本地测试Apple登录、模拟Apple OIDC时使用…

查询 Next.js 文档 RAG API，主题：$ARGUMENTS

将Astro应用从Webflow Cloud迁移到Vercel。当用户想要将Astro应用从Webflow Cloud迁移、转移或移植到……时，使用此技能。

认证集成指南 — Clerk（原生Vercel Marketplace）、Descope和Auth0在Next.js应用中的设置。涵盖中间件认证模式，…

针对vercel-openclaw的身份验证与存储调试：admin-secret模式、通过Vercel登录、会话Cookie、CSRF、LOCAL_READ_ONLY、Redis与内存存储、键空间…

在 .agents/skills/ 目录下创建或修改代理技能时使用此技能。

通过内置的自动化服务器，自动化和检查正在运行的 zero-native WebView shell 应用。当用户要求测试应用、列出窗口、截取…时使用。

基于变更集的自动化发布CLI工具，附带AI生成的描述。当用户需要发布包、创建变更集、升级版本等时使用。

模拟AWS云服务（S3、SQS、IAM、STS），用于本地开发和测试。当用户需要在本地与AWS API端点交互、测试S3…时使用。

将已合并的Next.js拉取请求从canary分支回溯到之前的发布分支，例如next-16-2。当用户要求回溯、cherry-pick或打开…时使用。

验证动画时长，强制排版比例，检查组件可访问性，并防止Tailwind CSS项目中的布局反模式。在以下情况下使用……

对两个URL或图片中的网页或元素进行视觉对比。在桌面端、移动端（375x812）或平板端（768x1024）视口下截取屏幕截图，支持可选的全页滚动。支持CSS选择器以隔离特定元素，接受file://、http://、https://格式的URL或本地图片路径。生成Markdown格式的输出，自动将图片上传至0x0.st（或GitHub Gist），便于PR集成。包含Vercel部署保护检测和GitHub CLI集成...

推动Vercel前沿平台功能（Workflow DevKit、AI Gateway、MCP、Chat SDK、Queues、Flags、Sandbox等）的先进AI智能体基准测试场景。

vercel-plugin的端到端基准测试套件。通过技能注入运行真实项目，启动开发服务器，验证一切正常，分析…

在 Vercel Sandbox 中运行 vercel-plugin eval 场景，而非本地 WezTerm 面板。预置了包含 Claude Code 及预装插件的临时微型虚拟机…

创建并启动基准测试项目，以在真实场景中验证 vercel-plugin 技能注入。设置隔离目录，安装…

为依赖Vercel关联资源（数据库、认证和托管集成）的仓库提供项目启动编排。在设置或…时使用。

使用 Vercel Shop 源支持模式构建或适配 Shopify 商店前端。在创建、重新设计、重构或审查商店前端路由时使用，…

Vercel Academy 上《Building Agents with eve》课程的配套技能。当用户提到“building agents with eve”、“the eve course”、“the bike…”时使用。

构建现代、可访问且可组合的UI组件的全面指南。涵盖组件分类（原语、组件、区块、模板）、核心设计原则以及可访问性实现，包括ARIA、键盘导航和WCAG合规性。包含可组合API、多态性、受控/非受控状态以及用于灵活元素组合的as-child模式等模式。提供关于设计令牌、主题系统、样式方法以及使用...的指导。

针对Next.js缓存组件和部分预渲染（PPR）的专业指导。**主动激活**：在Next.js环境中工作时自动启用此技能…

存储并管理用于提供商解析验证的API响应测试夹具。夹具按现有示例中记录的命名约定，组织在提供商包内的__fixtures__子文件夹中。支持两种测试模式：generateText（将原始响应记录到控制台并复制到夹具中）和streamText（使用includeRawChunks和saveRawChunks辅助工具捕获流式数据块）。建议存储真实的提供商响应，除非大小限制要求进行保留语义的裁剪...

调试 Vercel CDN 缓存 — 缓存命中率、过期内容、重新验证行为、ISR + PPR、每个请求的缓存原因（cacheReason）以及成本。

针对vercel-openclaw的Slack/Telegram/Discord/WhatsApp问题，进行频道webhook分类：验证部署状态，收集管理员就绪端点，构建…

针对渠道投递变更的Webhook路由奇偶性审计：确保终端路径记录日志、记录lastForward、分类失败原因并刷新过期的沙箱端口URL。

一次编写聊天机器人，即可部署到Slack、Teams、Google Chat、Discord、GitHub和Linear。统一的TypeScript SDK，提供跨平台无关的事件处理器（提及、消息、反应、斜杠命令、操作）以及标准化消息格式。内置通过AI SDK集成的AI响应流式支持，以及基于JSX的交互式卡片（含按钮、下拉菜单和表单弹窗）。可插拔的状态适配器，支持Redis、PostgreSQL或内存持久化；Webhook处理器...

Vercel Chat SDK 专家指导。用于构建跨平台聊天机器人——Slack、Telegram、Microsoft Teams、Discord、Google Chat、GitHub、Linear——配合…

统一的TypeScript SDK，用于在Slack、Teams、Google Chat、Discord、Telegram、GitHub、Linear和WhatsApp上构建聊天机器人。一次编写机器人逻辑，随处部署。

用于影响命令UX、提示、帮助、输出布局、进度、成功、警告、错误、JSON/stdout/stderr合约等的packages/cli变更……

无头CMS集成指南 — Sanity（原生Vercel Marketplace）、Contentful、DatoCMS、Storyblok和Builder.io。涵盖工作室设置、内容建模、…

审查代码变更并提供可操作的反馈。当用户要求审查PR、差异、提交或代码变更时使用。由"/review"、"review…"触发。

用于json-render的代码生成工具。在根据UI规范生成代码、构建自定义代码导出器、遍历规范或序列化属性时使用。

可扩展的React组合模式。适用于重构存在大量布尔属性传播的组件、构建灵活的组件库或设计…

为json-render规范提供模式定义、目录创建和AI提示生成。使用defineSchema通过类型化规范和目录定义模式，然后创建将组件名称映射到其属性和描述的目录。从目录生成AI系统提示，支持可选的定制规则；通过createSpecStreamCompiler支持基于JSONL补丁的规范流式传输。动态属性表达式支持状态绑定（$state、$bindState）、条件判断（$cond）、模板化（$template）以及...

将 Create React App (CRA) 项目迁移到 Next.js 的全面指南。在迁移 CRA 应用、将 React Router 转换为基于文件的路由时使用，或…

使用Geist设计系统美学创建Remotion视频。当被要求创建应遵循Vercel风格的视频、动画或动态图形时使用。

Vercel Cron Jobs 的配置与最佳实践。用于在 vercel.json 中添加、编辑或调试定时任务时使用。

Cron和看门狗调试，用于vercel-openclaw：Vercel Cron认证、持久化OpenClaw任务、Cron唤醒密钥、令牌刷新、恢复预言机、热备等…

使用bash工具分析和转换CSV数据

在独立AI应用（Codex、Cursor、Claude Code）中引导d3k：检测/安装dev3000，启动d3k作为运行时，并使用统一日志和CDP浏览器…

在更改条件性 require() 路径、仅限 Node 的导入或边缘/运行时分支时使用此技能。

对来自dev3000的Vercel项目签出运行DeepSec。用于一键式DeepSec设置、项目上下文引导、受限的首次处理以及…

使用deepsec（一款AI驱动的漏洞扫描器）——运行扫描、配置项目、编写匹配器以及开发插件。当用户询问时激活……

将应用部署到Vercel。当用户说“deploy”、“deploy to Vercel”、“push to production”、“deploy my app”或“go live”时使用。

引导用户收集部署自己的Open Harness副本所需的凭证，在Vercel上部署此仓库，并完成首次运行…

将应用和网站部署到Vercel，支持自动Git集成和预览URL。提供三种部署路径：git-push（适用于关联项目）、直接CLI部署以及沙盒环境下的无认证回退方案。自动检测项目状态（通过.vercel/project.json或.vercel/repo.json判断是否关联、Git远程仓库是否存在、CLI认证状态），并选择最佳部署方式。处理多团队账户的团队选择，使用--scope参数将项目部署到正确的团队。

Vercel 部署与 CI/CD 专家指导。适用于部署、推广、回滚、检查部署、使用 --prebuilt 构建或配置 CI…

跨多个提供商和能力的AI SDK函数开发与验证脚本。按AI SDK函数类别（文本生成、流式输出、结构化输出、嵌入、图像生成、语音、转录、重排序和智能体）组织。文件命名规范映射提供商与功能组合（例如openai-tool-call.ts、amazon-bedrock-anthropic-cache-control.ts），便于快速识别。包含用于错误处理、环境加载等的共享实用工具辅助函数。

适用于任何 JSON 渲染应用的即插即用检查器面板。当用户想要调试生成式 UI、检查规范树、在运行时编辑状态、查看已分发的…

为 json-render 预置的自定义指令——格式化、数学运算、字符串处理及国际化。适用于使用 @json-render/directives、定义自定义…

Discord 频道专家工作流程：调试交互 Webhook、Ed25519 签名、延迟回复、工作流转发至 /discord-webhook、集成…

Vercel Edge Runtime 的专家指南——适用于 Vercel Edge Functions 和 Middleware 的轻量级 JavaScript 运行时。在构建或配置边缘…时使用。

邮件发送集成指南 — Resend（原生 Vercel Marketplace）与 React Email 模板。涵盖 API 设置、事务性邮件、域名…

该技能编码了Emil Kowalski关于UI打磨、组件设计、动画决策以及那些让软件体验出色的隐形细节的设计哲学。

适用于 Vercel、GitHub、Google、Slack、Apple、Microsoft 和 AWS 的本地即用 API 模拟器。当用户需要启动模拟服务、配置种子数据时使用…

将 Vercel Analytics、Vercel Speed Insights 和 Google Tag Manager 添加到商店前端。

在商店模板中启用基于next-intl的国际化功能——包含语言前缀的URL、各语言的消息目录以及语言切换器。当用户希望使用“locale…”时使用。

将Shopify元对象作为CMS用于首页和营销页面内容。添加针对cms_homepage和cms_page元对象类型的GraphQL查询，并转换…

使用 next-intl 通过多语言路由启用 Shopify Markets。当用户想要添加国际化、多语言支持、语言前缀…时使用。

将硬编码的导航和页脚菜单替换为由Shopify驱动的菜单。

Vercel 环境变量专家指导。在处理 .env 文件、vercel env 命令、OIDC 令牌或管理特定环境配置时使用。

使用eve框架构建持久的后端AI代理。在创建、编辑或调试eve项目时使用——代理指令、技能、工具……

使用eve框架构建持久的AI智能体及智能体驱动的应用程序。适用于创建、编辑或调试eve项目，或选择…

使用Shopify AI工具包检查Vercel Shop工作中的实时Storefront和Customer Account GraphQL模式。

你是 Vercel Academy 上《构建文件系统代理》课程的知识渊博的教学助手，帮助学生构建通过 bash 导航文件系统以回答结构化数据相关问题的代理。

当用户需要扩展能力时，从开放生态中发现并安装专门的代理技能。当用户询问“如何做X”或“寻找X技能”时，帮助按领域和任务识别相关技能。与Skills CLI（npx skills find、npx skills add）集成，从skills.sh目录搜索、验证和安装包。根据安装数量、来源信誉和GitHub星数推荐技能，确保在建议安装前保证质量。展示技能...

防火墙与Vercel AI网关调试，用于vercel-openclaw：网络策略白名单、OIDC令牌刷新、AI网关转换规则、防火墙…

在 Next.js 内部添加或更改框架功能标志时使用此技能。

Flags SDK（flags npm 包）是一个面向 Next.js 和 SvelteKit 的特性标志工具包。它将每个特性标志转化为可调用函数，通过适配器与任何标志提供商配合使用，并利用预计算模式保持页面静态。Vercel Flags 是第一方提供商，允许您通过 Vercel 仪表盘或 vercel flags CLI 管理标志。

创建具有高设计质量的独特、生产级前端界面。当用户要求构建网页组件、页面、制品等时，使用此技能。

创建具有高设计质量的独特、生产级前端界面。当用户要求构建网页组件、页面、制品等时，使用此技能。

针对vercel-openclaw的网关与代理调试：/gateway路由、HTML注入、WebSocket重写、gateway-token交接、等待页面、状态心跳、…

Geist（Vercel 的默认排版系统与字体家族）的专业指南，适用于精确的 Next.js 界面配置。在配置 Geist Sans、Geist Mono 或…时使用。

使用Geist设计系统构建探索性、互动式学习体验，作为Next.js应用。适用于创建教程、可探索的解释等场景。

Geistdocs（Vercel 基于 Next.js 和 Fumadocs 构建的文档模板）的专业指南——涵盖 MDX 编写、配置、AI 聊天、国际化、反馈等功能。

模拟GitHub REST API，用于本地开发和测试。当用户需要在本地与GitHub API端点交互、测试GitHub集成时使用…

使用 @github-tools/sdk 为 AI 代理添加 GitHub API 工具——AI SDK、eve、Vercel Workflow 和 Chat SDK。涵盖工具、预设、审批控制、令牌范围限定……

模拟Google OAuth 2.0、OpenID Connect、Gmail、Calendar和Drive，用于本地开发和测试。当用户需要测试Google登录时使用…

在构建部署到 Vercel 的 Hono Web 应用时使用，或当用户询问 Hono API、路由、中间件、JSX、验证、测试或流式处理时使用。

用于json-render的图像渲染器，通过Satori将JSON规范转换为SVG和PNG图像。在使用@json-render/image时，从……生成OG图像。

使用官方 create-vercel-shop CLI 初始化一个新的 Vercel Shop 店面。当用户想要创建、搭建、启动或初始化 Vercel…

用于 json-render 的 Ink 终端渲染器，可将 JSON 规范转换为交互式终端用户界面。在使用 @json-render/ink 从……构建终端用户界面时使用。

Spin up a portless + tmux dev session for the Workflow SDK that gives each git worktree isolated `<branch>.<name>.localhost` URLs for the Next.js workbench and…

编排式调试协调器。在检测到挫败信号（卡住、挂起、故障、等待）时触发，并系统性地进行分诊：运行时日志 → 工作流状态 →…

如何从孤岛获救

用于 json-render 的 StateStore 接口的 Jotai 适配器。在通过 @json-render/jotai 将 json-render 与 Jotai 集成进行状态管理时使用。

AI聊天响应渲染指南——处理UIMessage部分、工具调用显示、流式状态及结构化数据呈现。在构建……时使用。

Schema定义、目录创建以及面向AI驱动的JSON渲染的规范流式处理。使用defineSchema和defineCatalog定义带类型规范和组件目录的Schema；自动生成AI提示或使用自定义规则。支持动态属性表达式，包括状态绑定（$state、$bindState）、条件判断（$cond）、模板和计算函数。通过createSpecStreamCompiler将AI响应流式处理为JSONL补丁，实现渐进式规范构建。内置验证功能，...

用于json-render的图像渲染器，通过Satori将JSON规范转换为SVG和PNG图像。在使用@json-render/image从……生成OG图像时使用。

将JSON规范转换为类型安全的React组件树，包含状态管理和动态表达式。支持声明式UI规范（含元素树）、通过$bindState实现的双向数据绑定、条件渲染和计算表达式。内置通过StateProvider实现的状态管理，可选外部存储集成（Redux、Zustand、XState）及基于JSON指针的状态路径。事件系统支持动作分发、状态监听器及四个内置动作：setState...

用于 json-render 的 React Email 渲染器，可将 JSON 规范转换为 HTML 或纯文本邮件，基于 @react-email/components 和 @react-email/render。在以下情况使用…

用于 json-render 的 React Native 渲染器，可将 JSON 规范转换为原生移动端 UI。在使用 @json-render/react-native 构建 React Native 界面时使用…

用于json-render的Remotion渲染器，可将JSON时间线规范转换为视频。在使用@json-render/remotion从…构建视频合成时使用。

为 json-render 预构建的 shadcn/ui 组件。在使用 @json-render/shadcn、向目录添加标准 UI 组件或构建 Web 界面时使用…

修正关于Vercel平台的过时LLM知识，并介绍新产品。在会话开始时注入。

创建或修改一个konsistent.json配置文件，用于在TypeScript代码库中强制执行结构约定。当用户希望强制执行……时使用。

运行konsistent CLI，审查所有报告的违规项，并在代码库中修复它们。当用户想要“修复konsistent违规”、“解决…

编写和维护 lat.md 文档文件——这是一种结构化 Markdown，用于描述项目的架构、设计决策和测试规范。在以下情况下使用……

针对 vercel-openclaw 的启动验证与远程冒烟调试：预检、队列 ping、ensureRunning、chatCompletions、wakeFromSleep、restorePrepared……

用于本地开发和测试的模拟Linear GraphQL API。当用户需要在本地测试Linear集成、模拟Linear问题、评论等时使用。

在发布前检查npm包tarball内容，以验证将分发的文件。列出将上传到npm的确切文件，帮助在发布前发现遗漏或不需要的内容。遵循package.json中的files字段、.npmignore和.gitignore规则，显示实际打包内容。自动构建包、创建tarball、显示内容并在单个命令中清理。从包目录运行简单的bash脚本；适用于...

查看Vercel部署日志。当用户说“显示日志”、“检查日志”、“vercel日志”或“部署出了什么问题”时使用。

为下一个AI SDK主要版本发布提供的工作上下文。仅在用户明确调用时使用（例如通过'/major-version-mode'）。请勿触发…

Vercel Marketplace 专家指导 — 发现、安装和构建集成，自动配置的环境变量，统一计费，以及…

将AI技能集成（品牌审核API）添加到Sitecore Marketplace应用中。当用户想要添加AI驱动的内容分析、品牌审核或品牌…时使用。

为Sitecore Marketplace应用添加新的扩展点路由。当用户想要添加自定义字段、仪表盘小部件、上下文面板、全屏…时使用。

为Sitecore Marketplace应用添加XM Cloud API集成。当用户需要访问站点、页面、创作、内容传输、搜索或代理API时使用…

使用Blok设计系统为Sitecore Marketplace应用构建UI组件。当用户想要创建UI、添加组件、构建页面布局或…时使用。

将Sitecore Marketplace应用部署到Vercel，并配置正确的CSP标头和设置。

使用官方SDK搭建新的Sitecore Marketplace应用。当用户想要创建新的市场应用、启动新的Sitecore项目或…时使用。

Sitecore Marketplace SDK API 参考。当用户询问 SDK 方法、类型、查询、变更、订阅或如何使用任何 Sitecore… 时使用。

MCP Apps 集成，用于 json-render。在构建于 Claude、ChatGPT、Cursor 或 VS Code 中渲染交互式 UI 的 MCP 服务器时使用，或在集成…

Vercel 开发的异步 HTTP 微服务框架 micro 的专家指导。适用于构建轻量级 HTTP 服务器、API 端点或微服务…

模拟 Microsoft Entra ID（Azure AD）OAuth 2.0 / OpenID Connect 用于本地开发和测试。当用户需要在本地测试 Microsoft 登录时使用…

将应用程序从 AI SDK 6.x 迁移到 AI SDK 7.0。在升级 Vercel AI SDK 包、修复 v7 迁移错误或用户提及 AI SDK v6 时使用…

将 Temporal、Inngest、Trigger.dev 和 AWS Step Functions 的工作流迁移至 Workflow SDK。在移植 Activities、Workers、Signals、step.run() 等时使用。

Native SDK的发现技能，用于构建原生桌面应用的完整工具包——视图采用声明式原生标记语言（.native），逻辑部分……

@vercel/ncc 的专业指南——一个简单的命令行工具，用于将 Node.js 模块及其所有依赖编译成单个文件。在打包无服务器应用时使用…

用于在Next.js应用中通过@emulators/adapter-next直接嵌入模拟器的Next.js适配器。当用户需要在Next.js中嵌入模拟器、进行设置时使用…

用于 json-render 的 Next.js 渲染器，可将 JSON 规范转换为完整的 Next.js 应用程序，包含路由、布局、SSR 和元数据。在处理……时使用。

Next.js 最佳实践 - 文件约定、RSC边界、数据模式、异步API、元数据、错误处理、路由处理器、图片/字体优化…

涵盖文件结构、RSC模式、数据获取、优化和错误处理的全面Next.js开发指南。覆盖15+主题领域，包括文件约定、路由段、RSC边界、异步模式、元数据生成以及图片/字体优化。提供运行时选择指导、指令使用和错误处理策略，包含error.tsx和not-found.tsx等具体文件约定。包含数据获取模式、路由处理器最佳实践...

Next.js 最佳实践 - 文件约定、RSC边界、数据模式、异步API、元数据、错误处理、路由处理器、图片/字体优化…

Next.js 最佳实践 - 文件约定、RSC边界、数据模式、异步API、元数据、错误处理、路由处理器、图片/字体优化…

如果 next-browser 不在 PATH 中，使用用户的包管理器全局安装 @vercel/next-browser，然后运行 playwright install chromium。

Next.js 16 缓存组件指南 — PPR、use cache 指令、cacheLife、cacheTag、updateTag 以及从 unstable_cache 迁移。在实现…时使用

在单个Next.js路由中混合静态、缓存和动态内容，使用Partial Prerendering。在next.config.ts中设置cacheComponents: true启用；取代旧的experimental.ppr标志。在文件、组件或函数级别使用'use cache'指令缓存异步数据，基于参数和闭包自动生成键。通过cacheLife()使用内置配置文件（'minutes'、'hours'、'days'、'weeks'、'max'）或内联配置（含stale...）控制缓存生命周期。

Next.js 16 缓存组件 - PPR、use cache 指令、cacheLife、cacheTag、updateTag

Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next…

next-forge expert guidance — production-grade Turborepo monorepo SaaS starter by Vercel. Use when working in a next-forge project, scaffolding with `npx…

针对 next-forge 的专业协助——这是一个用于 Next.js SaaS 应用的生产级 Turborepo 模板。在有关 next-forge 安装、设置等问题时触发。

按照官方迁移指南和codemods将Next.js升级到最新版本。在升级Next.js版本、运行codemods或迁移时使用…

使用官方codemods和迁移指南集成自动进行Next.js版本升级。从package.json检测当前Next.js版本，并从官方指南获取特定版本的升级文档。自动运行Next.js codemods以处理破坏性变更，如异步Request API、geo/IP属性迁移和动态导入转换。处理主要版本跳跃的增量升级（例如13→14→15），并更新对等依赖项（React、React DOM等）。

根据官方迁移指南和codemods将Next.js升级到最新版本

Next.js App Router专家指导。用于构建、调试或架构Next.js应用程序时——路由、服务端组件、服务端操作、缓存……

将Next.js应用从Webflow Cloud迁移到Vercel。当用户想要将Next.js应用从Webflow Cloud迁移、移植或转移时，使用此技能。

Structured diagnostic code library for JavaScript/TypeScript. Turns errors and other conditions into typed, machine-readable `Diagnostic` instances with stable…

用于通过 @emulators/adapter-nuxt 将模拟器直接嵌入 Nuxt 应用的 Nuxt 适配器。当用户需要在 Nuxt 中嵌入模拟器、设置同源时使用…

配置OAuth提供商（Google、Apple、Microsoft、Facebook、GitHub等）以支持无端口的本地开发URL。在设置OAuth重定向URI时使用…

Vercel Observability 专家指导 — 数据导出（日志、追踪、速度洞察、网站分析）、网站分析、速度洞察、运行时日志、自定义事件……

OpenClaw 引导、打包、配置和恢复资产调试，用于 vercel-openclaw：openclaw.bundle 边车、插件发现、频道目录、重启…

获取依赖源代码，为AI智能体提供更深入的实现上下文。当智能体需要理解库的内部工作原理、阅读……时使用。

Stripe 支付集成指南 — 原生 Vercel Marketplace 设置、结账会话、Webhook 处理、订阅计费以及 Stripe SDK。在以下情况下使用…

在构建、审查或优化网页动画或渲染性能时使用（帧循环、滚动/视口显示、挂载/卸载过渡等）

在实施非平凡任务之前进行整体性、系统感知的规划。适用于涉及新功能、架构决策、多文件变更等任务时使用。

审计真实项目中vercel-plugin的性能。从Claude Code对话日志中提取工具调用，测试钩子匹配与实际输入的对应关系，…

为开发服务器提供命名的.localhost网址，消除端口冲突和硬编码端口号。自动分配随机空闲端口（4000–4999），并通过端口1355上的反向代理将命名的子域名（例如 myapp.localhost:1355）路由到正确的应用程序。自动检测git工作树，并将分支名称作为子域名前缀添加，使每个工作树无需配置更改即可获得唯一URL。通过自动生成的本地CA证书支持HTTP/2和HTTPS；包含用于代理的CLI命令...

当用户询问 Next.js 单体仓库中的 PR 状态、CI 失败或审查评论时，使用此技能。

用于创意编码和实时图形的最小化WebGPU着色器库。提供全屏通道、粒子、计算着色器、渲染目标以及乒乓…

将JSON规范转换为React组件树，支持类型安全的props和状态管理。使用Zod模式定义组件props目录，实现自动类型安全与验证。通过StateProvider内置状态管理，支持双向绑定（$bindState）、条件渲染及外部存储集成（Redux、Zustand、XState）。事件系统包含动作分发、状态监听器及四个内置动作（setState、pushState、removeState...）

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js 代码时使用此技能，以确保采用最佳性能模式。适用于涉及 React 组件、Next.js 页面、数据获取、打包优化或性能改进的任务。

React最佳实践审查器，用于TSX文件。在编辑多个TSX组件后触发，运行精简的质量检查清单，涵盖组件结构、…

用于 json-render 的 React Email 渲染器，通过 @react-email/components 和 @react-email/render 将 JSON 规范转换为 HTML 或纯文本邮件。在以下情况下使用…

用于 json-render 的 React Native 渲染器，可将 JSON 规范转换为原生移动端 UI。在使用 @json-render/react-native 构建 React Native 界面时使用…

React Native和Expo构建高性能移动应用的最佳实践。用于构建React Native组件、优化列表性能、实现…

用于 json-render 的 React PDF 渲染器。在根据 JSON 规范生成 PDF 文档、使用 @json-render/react-pdf 或将规范渲染为 PDF 时使用…

用于json-render的React Three Fiber 3D渲染器。在使用@json-render/react-three-fiber、从JSON规范构建3D场景、渲染时使用…

使用此技能处理涉及供应商React、react-server-dom-webpack/*或react-server层边界的更改。

用于json-render的StateStore接口的Redux适配器。在通过@json-render/redux将json-render与Redux或Redux Toolkit集成进行状态管理时使用。

发布 vercel-plugin — 运行门控、升级版本、生成构建产物、提交并推送。当被要求“发布”、“交付”、“升级并推送”或“切一个发布版本”时使用。

用于json-render的Remotion渲染器，可将JSON时间线规范转换为视频。在使用@json-render/remotion从…构建视频合成时使用。

Remotion - 在React中创建视频的最佳实践

移除Open Harness托管演示分叉的限制。当维护者希望移除托管模板试用上限、托管部署门控或…时使用。

用于本地开发和测试的模拟Resend邮件API。当用户需要在本地发送邮件、测试事务性邮件流程、实现魔法链接等功能时使用。

在编写或修改涉及预取请求、客户端路由导航或分段缓存的测试时，请使用此技能。来自 test/lib/router-act.ts 的 createRouterAct 工具允许你以端到端的方式断言预取和导航响应，而无需耦合到确切的请求数量或协议细节。这就是大多数客户端路由相关测试使用此模式的原因。

Vercel 路由中间件指南 — 在缓存、重写、重定向、个性化之前的请求拦截。适用于任何框架。支持 Edge、Node.js、…

Vercel Runtime Cache API 指南 — 基于标签失效的临时性按区域键值缓存。在函数、路由中间件和构建之间共享。…

在复现运行时包、模块解析或用户包包含回归问题时使用此技能。

使用 Vercel Sandbox SDK 创建隔离的 Linux 微型虚拟机。适用于构建代码执行环境、运行不受信任的代码、启动开发服务器等场景。

为vercel-openclaw提供沙箱生命周期调试：创建、恢复、停止、快照、重置、过期运行协调、持久化沙箱v2行为、热…

Vercel Sandbox v2生命周期专业知识，用于vercel-openclaw：命名持久化OpenClaw沙箱的创建/恢复/停止/删除，持久化自动保存真相，手动…

Satori 的专家指南——Vercel 的库，可将 HTML 和 CSS 转换为 SVG，常用于为 Next.js 及其他框架生成动态 OG 图像。

配置 Vercel CLI 和项目设置。当用户说“设置 Vercel”、“配置 Vercel”、“链接到 Vercel”或“vercel init”时使用。

shadcn/ui 专家指导 — CLI、组件安装、组合模式、自定义注册表、主题定制、Tailwind CSS 集成以及高质量界面…

用于json-render的预构建shadcn/ui组件。在使用@json-render/shadcn、向目录添加标准UI组件或构建Web UI时使用…

用于 json-render Svelte 应用的预构建 shadcn-svelte 组件。在使用 @json-render/shadcn-svelte 向 Svelte 应用添加标准 UI 组件时使用。

将Shopify验证的Storefront或Customer Account GraphQL集成到Vercel Shop中。在Shopify AI Toolkit提供并验证API操作后使用…

通过 Vercel 登录指导 — 使用 Vercel 账户作为 OAuth 2.0/OIDC 身份提供商进行用户认证。在实现用户通过 Vercel 登录时使用…

创建有效技能的指南。当用户想要创建新技能（或更新现有技能）以扩展Claude的功能时，应使用此技能。

创建有效技能的指南。当用户想要创建新技能（或更新现有技能）以扩展Claude的功能时，应使用此技能。

用于本地开发和测试的模拟Slack API。当用户需要在本地与Slack API端点交互、测试Slack集成、模拟…

在开发Slack代理/机器人代码、Chat SDK应用、Bolt for JavaScript项目，或使用@chat-adapter/slack或@slack/bolt的项目时使用。提供…

Slack频道专家工作流：调试Slack OAuth与交付就绪状态、/slack/events快速路径、原始正文签名、路由修复、启动消息清理等。

SolidJS渲染器，用于json-render。在构建@json-render/solid目录/注册表、连接Renderer提供者、实现绑定/操作等场景时使用。

Streamdown 流式 Markdown 专家指导。在渲染来自 AI 模型的流式 Markdown、构建具有实时内容的聊天界面或替换……时使用。

面向流式传输优化的React Markdown渲染器，支持语法高亮、图表、数学公式及AI聊天集成。提供四个可选插件：通过Shiki实现代码语法高亮（支持200+语言）、Mermaid图表、LaTeX数学公式渲染及中日韩文本支持。两种渲染模式：流式模式（带AI聊天气泡光标动画）和静态模式（适用于博客和文档）。内置安全功能，包括链接安全弹窗、HTML标签过滤、URL净化及可配置元素...

用于本地开发和测试的模拟Stripe API。当用户需要在本地处理支付、测试结账流程、创建客户、管理…时使用。

styled-jsx 的专家指南——适用于 React 和 Next.js 的作用域 CSS-in-JS。在使用 styled-jsx babel 插件编写组件作用域样式时使用，采用…

用于 json-render 的 Svelte 5 渲染器，可将 JSON 规范转换为 Svelte 组件树。在使用 @json-render/svelte、从 JSON 构建 Svelte 用户界面时使用…

SWR 数据获取专家指导。在构建使用客户端数据获取、缓存、重新验证、变更、乐观UI、分页等功能的React应用时使用。

将 TanStack Start 应用从 Cloudflare Workers 迁移到 Vercel。当用户想要移动、迁移或移植 TanStack Start（或…）时，使用此技能。

将 TanStack Start 应用从 Netlify 迁移到 Vercel。当用户想要将 TanStack Start（或 TanStack）应用迁移、移植或转移时，使用此技能。

Telegram频道专家工作流：调试/api/channels/telegram/webhook，原生端口8787 /telegram-webhook，webhookSecret，启动清理，以及接受后…

使用bash工具分析和转换文本文件

Turbopack 专家指导。用于配置 Next.js 打包器、优化 HMR、调试构建问题或理解 Turbopack 与 Webpack 的区别…

Turborepo 专家指导。用于设置或优化单体仓库构建、配置任务缓存、远程缓存、并行执行或 --affected…

基于智能任务缓存、并行执行和依赖图编排的单仓库构建系统。缓存任务输出并根据声明的依赖关系并行运行任务；支持CI/CD工作流的远程缓存。使用--affected仅筛选并运行变更的包，或通过--filter进行自定义包选择。在turbo.json中通过dependsOn、outputs、inputs和env键配置任务；支持通过包配置进行特定包覆盖。强制实施单仓库...

基于 Tailwind CSS v4 的语义间距系统，使用块（32px）和标签（4px）单位。适用于构建具有一致间距的界面、仪表盘、管理面板等场景。

用于本地开发和测试的模拟Twilio REST API。当用户需要测试Twilio消息、验证、语音、电话号码、Webhook、状态…时使用。

当需要克隆时：

基于代码变更和PR审查更新Next.js文档的引导式工作流。通过分析git差异，利用代码到文档的映射参考识别受影响的文档文件。提供用于搭建新功能文档（组件、函数、配置、指南、文件约定）的模板和规范。逐步指导更新现有文档，每次更改前需用户确认。包含验证检查清单和格式化确保的lint命令...

为现有的AI SDK提供商添加新模型ID或移除过时模型ID。在向提供商添加模型、移除过时模型或处理列表时使用…

使用更新的模板变更来更新现有的 Vercel Shop 商店前端。当用户想要检查差异、计划升级或应用模板更新时使用。

v0 由 Vercel 专家指导。在讨论 AI 代码生成、根据提示生成 UI 组件、v0 CLI 使用、v0 SDK/API 集成或……时使用。

在编写或优化Next.js服务器内部性能关键代码路径时使用此技能——特别是每个请求的热路径，如渲染、流式传输、路由和缓存。

用于本地开发和测试的模拟Vercel REST API。当用户需要在本地与Vercel API端点交互、测试Vercel集成时使用…

将应用和网站部署到Vercel。当用户提出部署请求时使用此技能，例如“部署我的应用”、“将此部署到生产环境”、“创建预览部署”、“部署并给我链接”或“推送上线”。无需身份验证——返回预览URL和可认领的部署链接。

Vercel Agent 指导 — 基于AI的代码审查、事件调查和SDK安装。自动化PR分析与异常调试。在配置时使用…

Vercel AI SDK (Python) - 使用流式传输、工具、钩子和结构化输出构建LLM驱动应用的模式

Vercel MCP和REST API专家指导。当代理需要实时访问Vercel项目、部署、环境变量、域名、日志等时使用。

Vercel CLI 专家指导。用于部署、管理环境变量、关联项目、查看日志、查询指标、管理域名等场景。

用于在本地和CI/CD管道中部署、管理和开发Vercel项目的命令行界面。需要通过vercel link（单个项目）或vercel link --repo（单体仓库）显式链接项目；命令必须在包含.vercel/文件夹的目录中运行。核心工作流程：vercel dev用于本地开发，vercel deploy用于预览部署，vercel --prod用于生产环境。支持环境变量、域名、DNS、Blob存储、集成、Node.js后端等。

使用基于令牌的身份验证在Vercel上部署和管理项目。当使用访问令牌而非交互式登录操作Vercel CLI时使用——

可扩展的React组合模式。适用于重构存在大量布尔型prop的组件、构建灵活的组件库或设计…

用于扩展组件并避免布尔属性泛滥的React组合模式。涵盖四个优先级类别：组件架构、状态管理、实现模式和React 19 API，每个类别包含具体规则和代码示例。包含10多种命名模式，涉及复合组件、上下文提供者、状态提升和显式变体。专为重构臃肿组件、构建可复用库以及审查组件架构决策而设计。React...

vercel-composition-patterns — 一个可安装的AI代理技能，由vercel-labs/openreview发布。

将应用和网站部署到Vercel，并提供可认领的预览链接。当用户请求执行“部署我的应用”、“部署并给我…”等部署操作时使用。

Vercel Firewall 专家指导 — 自动 DDoS 缓解、Vercel WAF（自定义规则、IP 封禁、托管规则集、速率限制）、攻击模式、系统…

Vercel Flags 指南 — 功能标志平台，提供统一仪表盘、Flags Explorer、渐进式发布、A/B 测试及提供商适配器。当需要…

Vercel Functions 专家指导 — 无服务器函数、边缘函数、流体计算、流式处理、定时任务及运行时配置。在配置时使用…

在 Vercel 上构建、配置和部署微前端的指南。当用户提到微前端、多区域、拆分应用时使用此技能。

用于Vercel已部署项目的成本与性能优化，尤其针对Next.js、SvelteKit、Nuxt及部分Astro应用。首先收集Vercel指标、用量、项目配置及代码扫描结果；仅调查有指标支持的候选方案；基于已验证文件及版本对应的Vercel/框架文档，生成排序建议。触发场景包括：Vercel账单降低、缓慢或高成本路由、缓存优化机会、函数调用次数、构建分钟数、快速数据传输、核心……

针对vercel-plugin运行实时评估会话，以验证钩子行为、技能注入、去重正确性及覆盖率。启动真实的Claude Code会话…

使用Vercel的实验性Services API构建Python后端服务。在创建Python后端或包含Python后端的多服务项目时使用…

Vercel Queues 指南（公开测试版）——支持主题、消费者组、重试和延迟投递的持久化事件流。每百万次操作 0.60 美元。为 Workflow… 提供支持。

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

来自 Vercel Engineering 的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

来自 Vercel Engineering 的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

React Native和Expo在列表渲染、动画、导航及原生模块方面的移动应用性能最佳实践。涵盖按影响优先级排序的八大规则类别：列表性能（FlashList、记忆化、回调稳定性）、动画（GPU属性、派生值）、导航、UI模式、状态管理、渲染、单体仓库结构及配置。列表性能规则针对虚拟化大型列表、优化图片及避免...等关键问题。

React Native 和 Expo 构建高性能移动应用的最佳实践。使用

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view…

Vercel Sandbox 指南 — 用于安全运行不受信任代码的临时 Firecracker 微虚拟机。支持 AI 代理、代码生成和实验。当需要…

在单个 Vercel 项目中部署多个服务。适用于 monorepo 布局，或需要将后端（Python、Go）与前端结合的场景…

Vercel 存储专家指导 — Blob、Edge Config 以及 Marketplace 存储（Neon Postgres、Upstash Redis）。在选择、配置或使用数据时使用…

完整故事验证——推断用户正在构建的内容，然后端到端验证完整流程：浏览器 → API → 数据 → 响应。在开发服务器上触发…

用于 json-render 的 Vue 3 渲染器。在根据 JSON 规范构建 Vue 用户界面、使用 @json-render/vue、定义 Vue 组件注册表或进行渲染时使用。

审查UI代码是否符合Web Interface Guidelines。当被要求“审查我的UI”、“检查无障碍性”、“审计设计”、“审查用户体验”或“对照最佳实践检查我的网站”时使用。

web-animation-design — 一个可安装的AI代理技能，由vercel-labs/open-agents发布。

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查用户体验”或“检查我的网站…”时使用。

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查用户体验”或“检查我的网站…”时使用。

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查用户体验”或“检查我的网站…”时使用。

审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查用户体验”或“检查我的网站…”时使用。

使用 webreel 创建并录制脚本化浏览器演示视频。生成带有光标动画、按键叠加和声音的 MP4、GIF 或 WebM 录制文件…

WhatsApp 渠道专家工作流：调试 Meta webhook 验证/签名、链接状态投影、/whatsapp-webhook 快速路径、启动消息等

Vercel Workflow DevKit (WDK) 专家指导。用于构建需要暂停/恢复、重试等的持久化工作流、长时间运行任务、API路由或代理。

使用 Vercel 的 Workflow DevKit 创建持久、可恢复的工作流。适用于构建需要应对重启、暂停等待外部事件等工作流时使用。

持久化、可恢复的工作流，支持基于步骤的编排、外部事件钩子以及内置AI代理支持。提供三种执行模式：工作流函数（编排层）、步骤函数（完整Node.js访问，自动重试与结果持久化）以及DurableAgent（用于AI驱动的工作流，集成工具）。在钩子处暂停工作流以等待外部事件，然后从API路由恢复；钩子支持单事件或可迭代的多事件模式，并...

在 node_modules 中存在之前，安装并配置 Vercel Workflow SDK。当用户要求“安装 workflow”、“设置 workflow”、“添加 durable…”时使用。

生成一个API参考页面，记录单个API接口（函数、组件、文件约定、指令或配置选项）。页面应简洁、易于浏览，并以示例驱动。

编写一份技术指南，通过循序渐进的示例教授一个实际应用场景。仅在读者需要时才引入相关概念。

审查文档/散文是否符合写作指南要求。当被要求“审查我的文档”、“检查写作风格”、“审计散文”、“审查文档语气和语调”或“对照写作手册检查此页面”时使用。

用于 json-render 的 StateStore 接口的 XState Store 适配器。在通过 @json-render/xstate 将 json-render 与 @xstate/store 集成以进行状态管理时使用。

用于json-render的YAML线格式，支持流式解析器、提示生成和AI SDK转换。在使用@json-render/yaml、基于YAML的规范时使用…

安装Zero并使用zero技能加载版本匹配的工作流。

zero-native的发现技能，这是一个用于构建原生应用的Zig桌面应用壳，支持使用Web界面。当用户询问什么是zero-native、如何构建……时使用。

用于 json-render 的 StateStore 接口的 Zustand 适配器。在通过 @json-render/zustand 将 json-render 与 Zustand 集成以进行状态管理时使用。