OpenDesign 全自动部署 · AI Agent 实现思路

核心问题：为什么不需要你打开 UI？

你习惯的方式是：打开 OpenDesign Web UI → 生成设计 → 点击部署按钮 → 等待结果

但我的方式是：完全绕过 UI，通过 API 直接操作底层基础设施

你负责"想做什么"，我负责"怎么做到"。你只需要在飞书里告诉我需求，我在后台调用各种工具和 API 来完成。

🔧第一步：环境准备（安装工具）

1

检查 OpenDesign 本地状态

扫描本地项目目录，确认 OpenDesign 已安装（1.5GB），检查 Daemon 和 Web 服务端口

2

安装 wrangler CLI

Cloudflare 官方部署工具，通过 npm 全局安装

npm install -g wrangler

3

配置 Cloudflare API 认证

将你提供的 API Token 和 Account ID 写入环境变量，wrangler 自动读取

export CLOUDFLARE_API_TOKEN="cfut_..."
export CLOUDFLARE_ACCOUNT_ID="96e10..."

📝第二步：内容生成（不需要 UI）

1

创建 HTML 页面

直接在本地文件系统创建 /tmp/od-deploy-test/index.html

内容：一个展示部署状态的看板页面，包含紫色渐变背景、信息卡片、脉冲动画等

无需打开 OpenDesign UI

直接写代码

2

为什么不需要 OpenDesign 生成？

OpenDesign 本质是一个AI 驱动的 HTML 生成器。我现在直接生成 HTML，跳过了中间层。

如果你需要更复杂的设计（如简历、PPT、海报），我会调用 OpenDesign 的 API 或模拟其工作流来生成。

第三步：部署上线（自动化流水线）

1

创建 Cloudflare Pages 项目

通过 Cloudflare REST API 创建新项目 od-test-deploy-1780156290

POST /accounts/:id/pages/projects
{"name": "od-test-deploy-...", "production_branch": "main"}

2

上传文件并部署

使用 wrangler CLI 一行命令完成上传+部署

wrangler pages deploy /tmp/od-deploy-test \
  --project-name=od-test-deploy-... \
  --branch=main

上传 1 个文件（2.96KB），耗时 2.24 秒

3

自动获得访问链接

Cloudflare 自动分配 *.pages.dev 域名，全球 CDN 分发

无需配置 SSL、无需绑定域名、无需等待构建

✅第四步：验证测试（自动化检查）

1

HTTP 状态验证

自动请求部署链接，检查返回状态码是否为 200

curl -I https://46fac28d.od-test-deploy-...pages.dev
→ HTTP/2 200 ✅

2

内容完整性检查

抓取页面 HTML 内容，确认标题、样式、脚本都正确渲染

国内可访问

HTTPS 加密

响应时间 2.6s

💡总结：AI Agent 的工作方式

你不需要打开任何 UI，因为我可以直接操作系统底层：

📁 文件系统：创建/编辑/删除文件
🌐 网络请求：调用 REST API、下载/上传文件
⚙️ 命令行：执行 npm、curl、wrangler 等工具
🔍 状态检查：读取日志、验证部署结果

你负责提需求，我负责拆解步骤 → 找工具 → 执行 → 验证 → 汇报结果。

这就是为什么你"什么都没做"，但页面已经上线了。

OpenDesign 全自动部署实现思路