在页面树中找到真实页面与当前元素
自动分析页面、路由和弹层入口，左侧持续显示完整页面列表及当前页面内容。选择页面或容器后，画布与右侧设置同步定位，减少在复杂原型中反复寻找。
已有单 HTML 原型的可视化精修
HTML 原型编辑器
把已有 Web 或移动端单 HTML 原型放入本地工作台，直接定位页面、选择元素并完成常见内容与样式调整。修改保存在可恢复的 session 中，应用后生成新版本文件，不覆盖原始原型。
Codex Skill 安装包下载 HTML 原型编辑器 Skill
01
核心特性
常用修改、快捷键和撤销重做集中完成
支持文字与现有表单内容调整、组件移动、基础尺寸和文字样式修改，并提供复制、粘贴、多选、锁向移动、缩放、撤销和重做等快捷操作。
不直接覆盖原型
浏览器中的修改先写入原型旁的 session，只有明确要求应用时才生成新版本文件。
编辑进度可恢复
页面映射、修改记录和撤销位置均可恢复，中断后可以继续同一轮编辑。
自动生成新版本
应用修改后按版本号生成新 HTML，并校验补丁、页面映射和自包含资源。
02
怎么使用
推荐对 AI 这样说
使用 $html-editor 打开并编辑这个自包含 HTML 原型。
“打开这个 HTML 原型编辑器”“从原版开始一个新的编辑 session”“应用我刚才的修改并生成新版本”“检查这个编辑 session 是否可以应用”
使用步骤
- 指定原型提供已存在的 Web 或移动端自包含单 HTML 文件。
- 打开工作台AI 分析页面结构并启动本地编辑地址。
- 完成修改切换编辑模式，选择页面和元素，调整所需内容与样式。
- 应用修改回到对话告知 AI 应用本轮修改，获得经过校验的新版本 HTML。