支持一键部署的 AI 编程工具 Coding Agent Template

Coding Agent Template是一个AI驱动的编码代理项目，能自动化代码仓库中的编程任务。Coding Agent Template支持Claude Code、OpenAI Codex CLI、Cursor CLI和opencode等多种AI代理进行任务执行，利用Vercel Sandbox提供安全隔离的代码运行环境。Coding Agent Template集成了Vercel AI Gateway以实现模型路由和可观察性，能自动生成描述性的Git分支名称，具备任务管理、实时进度更新和基于PostgreSQL的持久化存储功能，所有这些都通过Next.js和Tailwind CSS构建的现代化用户界面呈现，简化了AI驱动的开发流程。

Coding Agent Template 支持的核心任务

• 部署到Vercel平台

• 为ctate/ai-chatbot添加键盘快捷键（支持GPT-5）

• 为ctate/ai-chatbot添加OpenTelemetry追踪功能（支持Sonnet 4）

• 为ctate/ai-chatbot添加完善的错误边界处理（支持Sonnet 4）

• 实现限流中间件（支持GPT-4.1）

• 为聊天消息添加Redis缓存（支持Cursor Small）

• 新增暗黑模式

• 为聊天历史实现可折叠侧边栏（支持Sonnet 4）

• 创建打字指示器组件（支持Sonnet 4）

• 开发聊天记录导出功能（支持GPT-5 Nano）

• 新增图片文件上传功能（支持Sonnet 4）

• 实现消息搜索功能（支持GPT-5 Mini）

• 为聊天中的代码块添加语法高亮（支持GPT-5）

Coding Agent Template 部署步骤

点击"Deploy with Vercel"按钮，就能完成部署。部署过程中会自动完成以下操作：

1、数据库自动配置：系统会创建Neon Postgres数据库并与项目关联

2、环境配置：提示填写必要的环境变量（Vercel凭证和加密密钥）

3、OAuth设置：部署后需在项目设置中配置至少一个OAuth提供商（GitHub或Vercel），用于用户认证

Coding Agent Template 核心功能

• 多代理支持：可选择Claude Code、OpenAI Codex CLI等多种工具执行编码任务

• 用户认证：通过GitHub或Vercel OAuth实现安全登录

• 多用户支持：每位用户拥有独立的任务、API密钥和GitHub连接

• 安全沙箱：基于Vercel Sandbox在隔离环境中运行代码

• AI网关集成：与Vercel AI Gateway无缝对接，实现模型路由和可观测性

• 智能分支命名：通过AI SDK 5 + AI Gateway自动生成描述性Git分支名称

• 任务管理：实时更新任务进度，方便跟踪

• 持久化存储：任务数据存储在Neon Postgres数据库中

• Git集成：自动创建分支并提交更改

• 现代化界面：基于Next.js和Tailwind CSS构建的响应式界面

• MCP服务器支持：可连接MCP服务器扩展Claude Code的功能（仅支持Claude）

在线部署Coding Agent Template

1、点击上方"Deploy with Vercel"按钮（自动完成数据库配置）

2、在项目设置中配置OAuth（GitHub或Vercel）

3、用户登录后即可创建任务

本地运行Coding Agent Template

# 克隆仓库
git clone https://github.com/vercel-labs/coding-agent-template.git
cd coding-agent-template

# 安装依赖
pnpm install

# 配置.env.local文件，填写必要变量
# 推送数据库配置
pnpm db:push

# 启动开发服务器
pnpm dev