Vercel Shop正式可用:开源Shopify店铺模板让人与AI智能体共用同一商品页,Hydrogen SDK同步GA
同一个商品链接,人和 AI 读到的可以是两套完全不同的东西。
10 月 16 日,Vercel 宣布 Vercel Shop 正式可用(GA):一个开源的 Next.js 店铺模板,同一个商品 URL 既能给人渲染常规的视觉页面,也能给 AI 智能体提供机器可读的价格、库存与商品选项。智能体不需要去解析页面布局,直接读数据。
模板通过重建后的 Hydrogen SDK 连接 Shopify,Hydrogen SDK 同步 GA。商家可以自定义店铺前台,同时保留 Shopify 的商品目录、购物车、支付与结账。
问题也随之而来:一个 URL 两套读法,到底把智能体购物推进到了哪一步?
一、一个 URL 两套读法
Vercel 给出的理由很朴素:智能体已经在网上购物了,但它们用的是原本为人、为搜索引擎设计的页面和工具。
Vercel Shop 的做法是把商品页同时发布成机器可读内容,包含价格、库存状态与商品选项。同一地址,人访问看到视觉页面,智能体访问拿到结构化信息。模板还内嵌了结构化商品数据与 sitemap,用来帮助搜索与问答引擎发现并理解商品。
这个设计的价值,在于把「让智能体读懂你的店」从一项定制工作,变成了模板的默认行为。
背景数据说明了紧迫性。法国竞争管理局在 2026 年 9 月发布的 AI 智能体行业意见中指出,在法国,只有不到 1% 的网页能让 AI 智能体可靠地推荐一件商品;原因是网站内容目前是为人类浏览设计的,不是为机器设计的。结构化数据的缺失,被该机构列为智能体商务增长的前置障碍。
二、Hydrogen SDK 的重建:从框架绑定到框架无关
这次同步 GA 的 Hydrogen SDK,是一次彻底的重写。
今年早些时候,Vercel 与 Shopify 宣布将重建 Hydrogen,让它跨 JavaScript 框架工作。6 月 17 日,Shopify 发布了新版 Hydrogen 的开发者预览版,明确写着「与 Vercel 合作重建,框架无关、运行时无关、为智能体而生」。
新版 Hydrogen 的定位从框架变成了工具包:核心是用纯 JavaScript 编写的框架中立层,可以配合 Next.js、React Router、SvelteKit、Astro、SolidStart 或 Nuxt 使用;运行时可以是 Oxygen、Vercel、Cloudflare Workers、Node 或 Deno;包内还自带 agent skills,用来指导编码智能体把店铺各部分拼起来。
Shopify 在工程博客里解释了为什么要拆:一个框架意味着对路由、数据加载、渲染、部署全部下判断,这个判断在匹配时是礼物,在不匹配时是税。他们想留下的只有「只有 Shopify 能造的那部分」——Storefront API 的类型化客户端、不容易写错的购物车、尊重用户同意的分析,以及能转化的 Shop Pay 与结账。

三、UCP 是谁的标准
智能体一侧的能力,挂在 Shopify 共同开发的 Universal Commerce Protocol(UCP)上。
UCP 于 2026 年 1 月 11 日在美国零售联合会 NRF 大会上由 Google 正式发布,是一个面向智能体商务的开放标准,覆盖从发现、购买到售后的完整链路。共同开发方确认为 Google、Shopify、Etsy、Wayfair、Target 与 Walmart;另有 20 多家机构在发布时背书,包括 Adyen、美国运通、Best Buy、Flipkart、Mastercard、PayPal、Stripe、Visa、Worldpay 与 Zalando。
协议规范已在 GitHub 的 Universal-Commerce-Protocol/ucp 仓库以 Apache 2.0 许可开源,官方文档站为 ucp.dev。发布时确认的三项核心能力是 Checkout、Identity Linking 与 Order Management。
Vercel Shop 的作用,是把这些能力在商家自己的域名下变得可发现,让智能体通过 MCP 搜索商品、构建购物车,而不必在站点里逐页导航。
四、eve 与共用购物车
模板里还带了一个由 eve 驱动的购物助手。
关于 eve:它是 Vercel 开源的一套用于构建持久化 AI 智能体的框架,采用文件系统优先的思路——开发者不再自己拼装模型循环、工具分发与会话持久化,而是组织一个目录结构,由框架接管其余部分。它把「智能体是什么」与「智能体怎么被触达」硬性分开,同一个智能体可以同时服务浏览器挂件、Slack 机器人、命令行与自定义 webhook。公开信息主要来自其开源文档与开发者实测,Vercel 未单独发布正式产品页。
在 Vercel Shop 里,这个助手与店铺前台放在同一套代码库中,团队可以同时定制店铺设计和助手行为。关键是两者共用同一个购物车:买家在商品页浏览、让助手找东西,来回切换时已加入的商品不会丢。
Vercel 自己的周边店 vercel.store 已经用这套模板上线,做限量发售,是最直接的样板。

五、别写反了:流程止于结账链接
这一节必须说清楚,否则整件事会被误读。
按 Vercel 官方描述,UCP 给智能体提供的是一条标准路径:搜索商品目录、读取商品详情、检查库存、构建购物车,然后拿到一个结账链接。官方的表述到这里就结束了——流程最终是把结账链接交回给人,并不等于智能体完成了支付。
这不是措辞瑕疵,而是当前智能体商务的真实边界。支付涉及身份认证、风控与责任归属,目前主流方案都选择在这一步把人拉回场内。Vercel 的措辞是「帮助购物者找到商品、加入购物车并继续前往结账」,而不是「替购物者完成购买」。
对跨境卖家来说,这意味着两件事要分开准备:一是商品数据的机器可读性,决定智能体能不能找到你、能不能正确理解价格与库存;二是结账环节的人机交接体验,决定流量在最后一步会不会掉。前者现在有开源模板可以直接抄,后者还没有标准答案。
Shopify、Next.js 与 Vercel 这套组合已经在 AG1、Bombas、PAIGE 等品牌上跑,Vercel 引用 PAIGE 重构后黑五网一期间收入增长 22%、转化提升 76% 且零宕机——不过这是厂商引用的单一客户案例,不构成普遍预期。
所以,一个 URL 两套读法并不意味着智能体可以替你卖货了,而是意味着「被智能体找到」这件事的门槛被大幅削平。真正的考验是那个结账链接交出去之后,有多少人会点下去。到那时,智能体商务的转化率才第一次有了可比的数字。

六、参考资料
- Vercel Blog:《Vercel and Shopify make agents first-class shoppers》
- Shopify Hydrogen 官方更新日志:《Hydrogen developer preview》(2026 年 6 月 17 日)
- Google Blog / Shopify Newsroom:Universal Commerce Protocol 发布公告(2026 年 1 月 11 日)
- ucp.dev / GitHub Universal-Commerce-Protocol:UCP 规范与文档
- 法国竞争管理局(Autorité de la concurrence):《Opinion on the competitive functioning of the artificial intelligence (AI) agents sector》(2026 年 9 月)
- Superpower Daily:《Vercel releases a Shopify storefront built for people and shopping agents》
- Shopify Engineering:UCP 架构说明(Ilya Grigorik)