01 · INPUT
输入生成结果
支持完整单文件 HTML；不会上传到服务器。
尚未选择文件
mode …seed …page …lang …
不要求 Style Studio 专用标记，适合验收已有或第三方 HTML。
调参台
① 选流派 ② 调参数定气质 ③ 右侧实时预览 ④ 复制 seed 或导出代码流派 genre
参数 parameters · 1—10
3
2
6
色板 palette
字体 typeface
英文示例
rendering…
任务定义
先写业务 brief，再选择方向并交给 Codex 实现
seed
…
色板 …
当前方向 …
尚未填写业务 brief
主操作待填写
还没有确定视觉方向？基于同一份 brief 与页面类型，比较 3 个互不撞脸的候选；选择后会回到这份任务继续生成。
单独查看或下载文件
更多导出与调试
方向推荐
同一任务上下文 → 3 个有适配依据、经度量确认互不撞脸的方向
当前任务 · 唯一 brief 来源
尚未填写业务 brief
全部流派
生成式风格可调参；官方组件库直接装包用生成式风格
正式支持与实验性风格官方组件库
install package → use official components生成结果验收与修复台
选择验收标准 → 双视口测量 → 可执行修复任务先选对标准，再判断页面。
现成页面先做通用体检；由 Style Studio 四件套生成的页面再核对完整合同。两种模式都会在浏览器本地完成安全预览、响应式测量和修复后复验。
02 · VERIFY
通用质量与视口检查
结构 · 可访问性 · 资源 · 桌面 1440×1000 · 移动端 390×844
等待 HTML运行后将在这里看到阻塞项、警告和通过项。
—
0阻塞项
0警告
0通过
当前预览：初次验收结果
桌面1440 × 1000
移动端390 × 844
03 · VISUAL
自动检查留在本地UI 卫生与视觉复核
设计纪律始终自动检查；主观审美可选择人工复核或 AI 复核。
等待检查结构验收完成后自动运行 UI 卫生检查。
—桌面 UI 卫生
—移动端 UI 卫生
—人工审美评分
自动 UI 卫生
对比度、字号、强调色、圆角、间距与常见 AI 味。
审美维度复核（人工）
当前由你按 1–5 评分；截图不会发送给任何模型。
待评分
完成全部维度后给出“可以交付”或“建议迭代”。
完成全部维度后给出“可以交付”或“建议迭代”。
AI 视觉复核
先选择模型并生成两张脱敏预览；只有检查截图并明确授权后，才会发起本次模型请求。
-
1检测连接并选择模型当前步骤
本地模型不产生按次费用；请选择已加载图片理解能力的视觉模型。
-
2生成并检查双视口预览等待模型
将会发送
截图仍会包含页面上肉眼可见的文字，请先检查右侧预览是否含敏感业务或个人信息。
- 桌面 1440×1000 与移动端 390×844 的安全预览截图
- 验收模式与评分维度；合同模式额外带 seed、页面类型和语言
- 当前 UI 卫生分与诊断摘要
- 不发送原始 HTML 源码与业务 brief
- 不发送网络资源、链接地址与表单原始值
- 使用本机模型时，截图不会离开当前电脑
发送前预览
完成模型连接后，可在本地生成待审查截图。
此动作不会联网。桌面端—
移动端—
-
3检查截图并授权本次请求等待预览
-
4运行并等待 AI 复核等待授权AI 复核未完成，尚未生成完整修复任务
高级：查看或粘贴模型 JSON
自动复核完成后会保留严格校验过的 JSON；也可以在这里粘贴兼容结果用于联调。
04 · REPAIR
生成修复任务
聚合工程、合同和视觉问题；默认不附带完整 HTML 源码。
等待审美复核
工程、视口和 UI 卫生结果已经准备好；审美复核完成后会一起生成完整修复任务。
无需生成修复任务
当前自动门禁未发现阻塞项或警告。
- 工程与合同
- UI 卫生
- 审美维度
部分修复任务
仅包含工程、视口和 UI 卫生问题；本次没有 AI 审美结论，完成 AI 或人工复核后需重新生成。
仅包含工程、视口和 UI 卫生问题；本次没有 AI 审美结论，完成 AI 或人工复核后需重新生成。
05 · RECHECK
修复后复验
使用同一任务上下文重新检查工程与 UI 卫生，并与初次验收比较。
尚未选择文件
等待修复后 HTML。复验后会显示已修复、仍存在和新增问题。
——
0已修复
0仍存在
0新增问题
使用方式
同一生成任务可以进入本地脚本、Codex、agent 工具或服务端工作流
1在调参台确定任务→
2选择接入方式→
3生成同一份四件套