AI 模板发现入口
页面标题为 AI app templates and examples，描述为 Discover templates to jumpstart your AI application.，用于集中发现可快速启动 AI 应用的模板与示例。
Vercel AI Playground
AI TOOL PROFILE工具资料Vercel 官方 AI 应用模板与示例集合，可按用例、框架、数据库等条件筛选。
价格Vercel 平台方案：Hobby $0 /mo.，Pro $20 /mo.，Enterprise Custom
平台Web
归类聊天对话
收录2026-10-10
复核2026-10-10
编辑评分
4.4 / 5
★★★★☆
Vercel AI Playground编辑总结
Vercel AI Playground 是 Vercel 在官网 templates/ai 页面提供的 AI 应用模板与示例入口，为「Discover templates to jumpstart your AI application.」，即帮助用户快速启动 AI 应用。页面提供 Filter Templates 筛选功能，可按 Use Case（含 AI、Authentication、Backend、Blog、CDN、CMS、Cron、Documentation、Ecommerce、Edge Middleware、Experimentation、Feature Flags、Marketing Sites、Microfrontends、Monorepos、Multi-Tenant Apps、Portfolio、Realtime Apps、SaaS、Security、Starter、Vercel
Vercel AI Playground是什么？
Vercel AI Playground 是 Vercel 官方在 vercel.com/templates/ai 提供的 AI 应用模板与示例集合页面，面向想快速启动 AI 应用的开发者与团队。页面顶部描述为「AI app templates and examples」与「Discover templates to jumpstart your AI application.」，定位是模板发现入口而非独立产品。
页面提供 Filter Templates 筛选器，可在六个维度上组合过滤：Use Case、Framework、CSS、Database、CMS、Authentication。每个维度的候选项以列表形式列出，例如 Framework 覆盖 Angular、Astro、Axum、Container Images、eve、Express、FastAPI、Flask、Gatsby、Go、Hono、Hugo、Next.js、Nitro、Nuxt、Other、Python、Qwik、React、React Router、Remix、Svelte、Vue；Database 覆盖 Astra DB、AWS S3、Azure CosmosDB、Azure MySQL、CockroachDB、Convex、Couchbase、Firebase、Gel、Grafbase、Liveblocks、MongoDB、Neon、PlanetScale、Postgres、Prisma、Railway、Redis、Supabase、TiDB、Tigris、Turso、Upstash、Vercel Blob、Xata。
从使用方式看，普通用户可直接浏览模板了解 AI 应用的常见形态；开发者可按自己的技术栈筛选后克隆模板并用 Vercel 部署；团队可结合 Vercel 平台的 Hobby（$0 /mo.）、Pro（$20 /mo.）、Enterprise（Custom）方案选择部署规格。官网未给出模板数量、单个模板详情或模板独立的定价。
Vercel AI Playground核心功能
CMS 筛选
可按 CMS 过滤，候选项包括 Agility、BaseHub、Builder.io、ButterCMS、Contentful、Crystallize、Decap、Glide Publishing Platform、Mux、Notion、Optimizely、Payload、Prismic、Sanity、Sitecore、Storyblok、Strapi、Wisp、WordPress。
Authentication 筛选
可按 Authentication 过滤，候选项包括 Auth0、Clerk Auth、NextAuth.js、Supabase Auth、Whop Auth，便于直接筛出已集成对应鉴权方案的模板。
CSS 筛选
可按 CSS 过滤，候选项覆盖 Chakra、CSS Modules、CSS-in-JSX、Material UI、Pinceau、Radix UI、Styled Components、Tailwind、Vanilla CSS。
AI Gateway 调用模型
Vercel 文档提供 AI Gateway：创建 API key 后可通过单一端点 curl https://ai-gateway.vercel.sh/v1/chat/completions 调用模型，示例模型为 anthropic/claude-opus-5。
Vercel AI Playground值不值得用？
当你要按自己的技术栈快速找到一份可部署的 AI 应用起点时，这个页面值得用：它把 Use Case、Framework、CSS、Database、CMS、Authentication 六个维度做成筛选器，Framework 覆盖 Next.js、Nuxt、Remix、Svelte、Vue、FastAPI、Flask、Go、Hono 等二十余项，Database 覆盖 Postgres、MongoDB、Redis、Supabase 等二十五项，能直接命中你已经在用的组合。当你想要的是一份逐个模板讲清楚功能与成本的选型报告时，这里会不够用：官网只给出模板发现入口与筛选维度，没有模板总数、单个模板的详细介绍，也没有模板独立的定价。另外它绑定 Vercel 平台，部署侧需参考 Hobby $0 /mo.、Pro $20 /mo.、Enterprise Custom 的方案划分。
建议选它的情况
- 你需要按 Framework 组合筛选 AI 应用模板，例如指定 Next.js 或 Remix
- 你想在 Database 维度上匹配已有技术栈，如 Postgres、MongoDB、Redis、Supabase
- 你打算把模板直接部署在 Vercel 上，并用 Hobby $0 /mo. 起步
- 你需要确认某个模板是否已集成 Authentication 方案，如 Auth0、Clerk Auth、NextAuth.js
不建议选它的情况
- 你需要每个模板的功能清单与单独报价，官网未提供这些内容
- 你不打算使用 Vercel 平台部署，模板与平台能力高度绑定
- 你希望有开箱即用的对话产品而非模板与示例代码
Vercel AI Playground使用建议
入门先把路子走对
- 先用 Use Case 收窄范围进入页面后先在 Filter Templates 的 Use Case 里勾选 AI，再叠加其他条件，避免一次性面对二十余个用例选项。
- 按已有框架筛在 Framework 分组中选中你项目使用的框架，例如 Next.js、Nuxt、Remix、Svelte 或 Vue，筛出的模板改造成本最低。
- 先定数据库再选模板如果你已有数据库，在 Database 分组直接选 Postgres、MongoDB、Redis 或 Supabase 等，避免部署后再换存储层。
- 确认鉴权方案已覆盖在 Authentication 分组核对 Auth0、Clerk Auth、NextAuth.js、Supabase Auth、Whop Auth 是否有你需要的，选已有集成的模板可省去自建登录的时间。
进阶省时间也省钱
- 用 AI Gateway 统一调用按文档创建 API key 后导出 AI_GATEWAY_API_KEY，用一个端点 https://ai-gateway.vercel.sh/v1/chat/completions 转发模型请求，示例模型为 anthropic/claude-opus-5。
- 给编码代理装插件执行 npx plugins add vercel/vercel-plugin 可为 Claude Code、OpenAI Codex、Grok Build、Cursor、GitHub Copilot、Kimi Code、OpenCode 等代理加上 Vercel 部署能力。
- 接入 Agent Skills用 npx skills add vercel-labs/agent-skills 安装技能，覆盖 Next.js、AI SDK、Turborepo 与部署到 Vercel 等场景。
- 用 MCP 管理项目执行 npx -y add-mcp https://mcp.vercel.com -g 后，代理可检索文档、管理项目与部署、查询 Web Analytics。
- 按 $20 额度对齐方案Pro 方案为 $20 /mo. 并要求 $20 of included usage credit，团队估算成本时以该额度为基准核对用量。
Vercel AI Playground适合谁用？
前端与全栈开发者
推荐可通过 Framework 与 CSS 分组筛选到 Next.js、Nuxt、Remix、Svelte、Vue、Tailwind 等组合，直接拿到可改造的起点。
AI 应用初创团队
推荐模板加 Vercel 部署链路可加速从原型到上线，但需自行核对 Pro $20 /mo. 的用量额度是否够用。
已有后端基础设施的团队
推荐可用 Database 分组匹配 Postgres、MongoDB、Redis、Supabase 等已有存储，减少替换成本。
只想要产品化对话工具的用户
不推荐页面定位是 AI app templates and examples，提供的是模板与示例而非开箱即用的对话产品。
需要逐模板报价的采购方
有条件只能参考 Vercel 平台 Hobby $0 /mo.、Pro $20 /mo.、Enterprise Custom 方案。
Vercel AI Playground优点和缺点
优点
- 筛选维度覆盖 Use Case、Framework、CSS、Database、CMS、Authentication 六类
- Framework 选项覆盖 Angular、Astro、Next.js、Nuxt、Remix、Svelte、Vue 等
- Database 选项覆盖 Postgres、MongoDB、Redis、Supabase 等二十五项
- Authentication 筛选含 Auth0、Clerk Auth、NextAuth.js、Supabase Auth、Whop Auth
- 为 Discover templates to jumpstart your AI application.
- 配套提供 AI Gateway，可用单一端点调用模型
缺点
- 未提供单个模板的详细介绍内容
- 未给出模板独立的定价方案
- 页面定位为模板入口
- 部署链路与 Vercel 平台方案绑定
Vercel AI Playground版本与计费对比
| 方案 | 价格 | 包含内容 | 说明 |
|---|---|---|---|
| Hobby | $0 /mo. | CDN Requests 1M / month included；Fast Data Transfer 100 GB / month included；Blob Storage Size 1 GB / month included；ISR Reads 1M / month included；ISR Writes 200k / month included | The perfect starting place for your web app or personal project. |
| Pro | $20 /mo. | $20 of included usage credit；Firewall Custom Rules Up to 40；IP Blocking Up to 100；System Bypass Rules Up to 25 | Everything you need to build and scale your app. |
| Enterprise | Custom | Firewall Custom Rules Up to 1,000；IP Blocking Up to 1,000；System Bypass Rules Up to 100；99.99% SLA | Critical security, performance, observability, platform SLAs, and support. |
以上为公开费率整理，厂商保留调价权利，实际以官方页面为准。
Vercel AI Playground关键指标
| 指标 | 数值 | 数据来源 |
|---|---|---|
| CDN Requests（Hobby 每月包含） | 1M / month included | Vercel Pricing |
| Fast Data Transfer（Hobby 每月包含） | 100 GB / month included | Vercel Pricing |
| Blob Storage Size（Hobby 每月包含） | 1 GB / month included | Vercel Pricing |
| ISR Reads（Hobby 每月包含） | 1M / month included | Vercel Pricing |
| ISR Writes（Hobby 每月包含） | 200k / month included | Vercel Pricing |
| Pro 每月价格 | $20 /mo. | Vercel Pricing |
| Pro 包含用量额度 | $20 of included usage credit | Vercel Pricing |
| Pro Firewall Custom Rules 上限 | Up to 40 | Vercel Pricing |
| Enterprise SLA | 99.99% SLA | Vercel Pricing |
Vercel AI Playground常见问题
这个页面要花钱吗？＋
页面本身是 Vercel 官网的模板发现入口，官网未提及访问或浏览模板需要付费。付费发生在部署侧：Vercel 定价页显示 Hobby 为 $0 /mo.，Pro 为 $20 /mo. 并含 $20 of included usage credit，Enterprise 为 Custom。具体以官方页面为准。
当前提供哪些筛选维度？＋
页面提供 Filter Templates 筛选，分为 Use Case、Framework、CSS、Database、CMS、Authentication 六组。Use Case 含 AI、Authentication、Backend、Blog、CDN、CMS、Cron、Documentation、Ecommerce、Edge Middleware、Experimentation、Feature Flags 等，其余分组分别覆盖框架、样式方案、数据库、内容管理系统与鉴权库。
鉴权方案有哪些可选？＋
Authentication 分组提供 Auth0、Clerk Auth、NextAuth.js、Supabase Auth、Whop Auth 五个候选项，可以据此筛出已集成对应登录方案的模板，省去自建鉴权的开发时间。
模板能调用哪些 AI 模型？＋
官网的 Vercel 文档页面提供 AI Gateway，示例请求通过 https://ai-gateway.vercel.sh/v1/chat/completions 调用，请求体里的示例模型为 anthropic/claude-opus-5，使用时需先创建 API key 并导出 AI_GATEWAY_API_KEY。
和直接用现成的对话产品比怎么选？＋
官网未提及具体竞品名称。定位看，这里提供的是 AI app templates and examples，产出是可部署的模板代码；若你需要的是即开即用的对话界面而非可改造的工程起点，模板库的价值相对有限。
国内能正常使用吗？＋
官网未公开关于国内可用性、网络限制或区域访问的说明，无法据此判断。已知信息是 Vercel 提供 Global Points of Presence 与 Global, automated CDN，定价页注明所有价格以 USD 计并排除 VAT、GST 等税费。
部署后费用怎么计算？＋
Vercel 定价页写明 only pay for actual execution time, not idle resources，Hobby 版含 1M / month included 的 CDN Requests、100 GB / month included 的 Fast Data Transfer、1 GB / month included 的 Blob Storage Size；Pro 为 $20 /mo. 并含 $20 of included usage credit。
Vercel AI Playground竞品对比
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| Vercel AI Playground本工具 | 4.4 | Vercel 平台方案：Hobby $0 /mo.，Pro $20 /mo.，Enterprise Custom | AI 模板发现入口；CMS 筛选；Authentication 筛选；CSS 筛选 | Web |
| Google Gemini AI 提示库 | — | 未标价 | 提供丰富的 AI 功能提示和代码示例 | — |
| Paazaa | — | 未标价 | Paazaa 是一个网站构建器，利用模板和人工智能帮助您创建和管理网站 | — |
| Agent | — | 未标价 | Agent 是一个无代码 AI 应用构建平台，让用户快速创建和部署 AI 应用 | Web |
| CoverBot | — | 未标价 | 生成个性化求职信的 AI 应用 | — |
| AI Coder Buddy | — | 未标价 | 具备离线支持和即时代码示例的人工智能驱动代码助手 | — |
