游戏完全可用：
下面是我和Openclaw 的全部聊天。先安装 opencode：
新建目录用做项目目录：
切换目录，启动 opencode：
用 opencode 来开发贪吃蛇游戏：
提供我的 GitHub 信息，让他连：
按照它给的提示，创建一个 token，权限就给仓库权限，直接丢给他 token。
这里一定记得开启部分权限，防止它瞎搞。
它说已经推送好了：
我打开 GitHub 看下，果然有了，已经自动将代码推送到 GitHub 了。
然后让它部署到Vercel，方便得到一个可访问的网页链接：
同样按照要求，给个 token，就已经完成了自动部署。
🐂🍺，就已经完成了全链路的自动化，真的麻了，兄弟们，虽然只是跑通了闭环，但Openclaw 想象空间真的无限。我甚至直接让但 Openclaw 记录下这个过程，并写一篇文章，推送到刚才这个仓库，这个由 Agent 自主开发部署的仓库。提示词；这个过程太棒了，我打算写一篇文章，你帮我直接根据你刚才的步骤，生成一篇文章，标题是：用 Openclaw+ OpenCode+GitHub+Vercel 实现 Agent Coding，最好是有流程图详细解释下这个步骤
然后打开 GitHub 看，也已经有了描述：
下面，我把 Openclaw 生成的教程也贴出来，方便大家看看。Openclaw 的应用仿佛打开了潘多拉魔盒，未来，coding 的范式是不是可以变为 agent coding，每一个人都有一个专属 agent，帮我们 coding，或者做任何我们希望做的事情。
🐍 贪吃蛇游戏 + Agent Coding 完整教程
本文档由「OpenClaw AI Agent」全程自动生成，记录从需求到上线的完整开发流程。
📱「在线试玩」: https://myopencode.vercel.app
📝「项目源码」: https://github.com/freestylefly/snake-game
🤖「生成工具」: OpenClaw + OpenCode + GitHub + Vercel
用 OpenClaw + OpenCode + GitHub + Vercel 实现 Agent Coding
从零开始，让 AI Agent 帮你写代码、管理版本、自动部署，全程无需离开终端！
📋 概述本文将介绍如何构建一个完整的「AI 驱动开发工作流」：
-
「OpenClaw」– AI 助手运行平台，协调所有工具 -
「OpenCode」– AI 编程助手，自动生成代码 -
「GitHub」– 代码托管和版本管理 -
「Vercel」– 自动化部署和托管
通过这个工作流，你只需要告诉 AI 要做什么，剩下的代码编写、提交、部署全部由 Agent 自动完成。
🔄 完整流程图
┌─────────────────────────────────────────────────────────────────────────────┐│ AgentCoding完整工作流 │└─────────────────────────────────────────────────────────────────────────────┘
┌──────────────┐ │ 用户需求 │ "帮我创建一个贪吃蛇游戏并部署上线" └──────┬───────┘ │ ▼┌──────────────────────────────────────────────────────────────────┐│ Step1:环境准备(OpenClaw协调) ││ ┌─────────────┐┌─────────────┐┌─────────────┐ ││ │安装OpenCode││安装GitHubCLI││安装VercelCLI│ ││ │(AI编程)││(代码托管)││(自动部署)│ ││ └──────┬──────┘└──────┬──────┘└──────┬──────┘ │└─────────┼────────────────┼────────────────┼──────────────────────┘ ││ │ ▼▼ ▼┌──────────────────────────────────────────────────────────────────┐│ Step2:AgentCoding(OpenCode) ││ ┌─────────────────────────────────────────────────────────┐ ││ │用户:"创建一个贪吃蛇游戏"│ ││ │││ ││ │▼│ ││ │ ┌─────────────────────────────────────────────────┐ │ ││ ││OpenCodeAIAgent││ ││ ││┌──────────┐┌──────────┐┌──────────┐││ ││ │││生成HTML││生成CSS││生成JS│││ ││ │││index.html││style.css││game.js│││ ││ ││└──────────┘└──────────┘└──────────┘││ ││ │ └─────────────────────────────────────────────────┘ │ ││ └─────────────────────────────────────────────────────────┘ │└──────────────────────────────────────────────────────────────────┘ │ ▼┌──────────────────────────────────────────────────────────────────┐│ Step3:代码管理(GitHub) ││ ┌──────────────────────────────────────────────────────────┐ ││ │1.gitinit初始化仓库│ ││ │2.gitadd.添加文件│ ││ │3.gitcommit-m"Initial commit"提交│ ││ │4.创建GitHub仓库(通过API)│ ││ │5.gitpush-uoriginmaster推送到远程│ ││ └──────────────────────────────────────────────────────────┘ │└──────────────────────────────────────────────────────────────────┘ │ ▼┌──────────────────────────────────────────────────────────────────┐│ Step4:自动部署(Vercel) ││ ┌──────────────────────────────────────────────────────────┐ ││ │1.vercel--token登录并关联│ ││ │2.自动检测项目类型(静态网站)│ ││ │3.构建并上传到VercelCDN│ ││ │ 4. 分配域名: https://myopencode.vercel.app │ ││ └──────────────────────────────────────────────────────────┘ │└──────────────────────────────────────────────────────────────────┘ │ ▼ ┌──────────────┐ │ 网站上线 │ 🎉 访问链接，游戏可玩！ └──────────────┘
🛠️ 详细步骤第一步：环境准备1.1 安装 OpenCode（AI 编程助手）
# 安装 OpenCodenpm install -g opencode-ai
# 验证安装opencode --version
1.2 安装 GitHub CLI（代码管理）
# 下载并安装curl -fsSL https://github.com/cli/cli/releases/download/v2.63.2/gh_2.63.2_linux_amd64.tar.gz | tar -xz -C /tmpcp/tmp/gh_2.63.2_linux_amd64/bin/gh /usr/local/bin/
# 验证gh --version
1.3 安装 Vercel CLI（自动部署）
# 安装 Vercel CLInpm install -g vercel
# 验证vercel --version
第二步：创建项目目录
# 创建项目目录mkdir-p ~/myopencodecd~/myopencode
# 初始化 Git 仓库git init
# 配置 Git 用户信息git config --global user.email"your@email.com"git config --global user.name"yourname"
第三步：Agent Coding（核心步骤）方式一：使用 OpenCode 交互模式
# 启动 OpenCode（需要 PTY 模式）# 在 OpenClaw 中使用：bash pty:trueworkdir:~/myopencodecommand:"opencode"
然后在 OpenCode 中输入：
创建一个贪吃蛇游戏，使用 HTML5Canvas，包含完整的游戏逻辑、得分系统和响应式设计
方式二：使用 OpenCode 非交互模式
# 直接运行任务opencode run"Create a complete Snake game using HTML5 Canvas, CSS, and JavaScript"
方式三：手动创建（备用方案）如果 OpenCode 运行有问题，可以直接创建文件：「index. html:」
贪吃蛇游戏 🐍 贪吃蛇游戏 得分:0 最高分:0
使用方向键 ↑↓←→ 控制蛇的移动
开始游戏 暂停 重新开始
游戏结束!
最终得分:0
再玩一次
