HTML AI WORKSPACEFOR macOS

打开 HTML,和 AI 一起在页面上创作。

PageRoot 是面向 macOS 的 HTML AI Workspace。直接在真实页面中准确选择、原位评论, 把完整 HTML 与上下文交给 AI Agent;结果返回后,直观看见改动与版本差异,再决定是否采用。

02HTML IS THE WORKSPACE

AI 要改得准确,
先要真正看见
你的 HTML 与
修改意图。

THE PAGE BECOMES CONTEXT.
THE HTML STAYS YOURS.

你在可视页面中选择内容、原位留下评论;PageRoot 把真实 HTML、准确位置、附件和项目规则冻结成完整任务,交给你选择的 AI Agent。

AI 修改回来后,结果先作为候选版本进入工作区。未经你确认,任何版本都不会替换当前文件。

WORKSPACE / LIVE CONTEXT选择 · 评论 · HTML · AI 任务
03ONE CONTINUOUS AI WORKFLOW

从一条原位评论,
到一份看得见差异的 AI 版本。

不用复制整页 HTML,也不用把视觉意图翻译成模糊的行号。 页面位置、评论、上下文和版本差异始终连在同一条工作流里。

  1. 01SELECT + COMMENT

    准确选择,原位评论

    直接选中整页、模块、具体文字或插入点,在原位置写下修改要求,并补充图片和文件。AI 收到的不只是描述,还知道这条评论究竟指向哪里。

  2. 02HAND OFF

    把完整 HTML 上下文交给 AI

    PageRoot 冻结真实 HTML、精确目标、评论、附件与项目规则,形成一个可执行的本地任务,交给 Codex、Claude Code 或其他 AI Agent。

  3. 03COMPARE

    直观看见 AI 改了哪里

    修改前后并排对比,文案、结构与视觉变化直接标在页面上。版本差异一目了然,再由你决定是否采用 AI 版本。

04ONE WORKSPACE, YOUR AGENT

一个 HTML AI Workspace,
连接你信任的
AI Agent。

CodexClaude CodeWorkBuddyQoderAny local-file agent

PageRoot 不替你选择模型,而是把本地 HTML 变成任何文件型 AI Agent 都能理解和执行的工作区:目标准确、上下文完整、结果可审阅。

05VISIBLE AI VERSION DIFF

不读代码 Diff,
也能看懂
AI 改了什么。

修改前与 AI 修改后并排呈现,直接在页面上标出文案、结构和视觉变化。 从第一处差异开始审阅,回看原始评论,清楚判断两个版本究竟差在哪里。

页面级 before / after 对比文案 · 结构 · 视觉变化直接可见
06SOURCE YOU CAN TRUST

AI 可以大幅修改,
源码仍然可信。

预览 DOM 不是保存来源。PageRoot 把可视操作映射回真实 HTML,以最小 Patch 写入;遇到目标不唯一、Hash 过期或外部文件变化时,停止而不是猜测。

source-patch.flowbyte exact
Authored HTML
  ↓
Selection + comment intent
  ↓
SourceIndex / TargetResolver
  ↓
minimal SourcePatch
  ↓
hash-checked atomic write
UNRELATED BYTESUNCHANGED
01SOURCE

真实 HTML 字节始终是唯一事实源

02TARGET

每条评论都绑定准确的页面位置

03VERSION

AI 结果先成为独立候选版本

04LOCAL

HTML、评论与附件留在本地边界

PAGEROOT · HTML AI WORKSPACE

让 AI 读懂你的页面,
也让你看懂 AI 的改变。

macOS 12 或更高版本 · Apple 芯片
Apache-2.0 开源