Claude Code · Codex · claude.ai

会看页面的
agent。

大多数 agent 写下的文字,自己从没见过排出来的样子。在这里,agent 编译 Typst 源码,把页面渲染成图片,看一眼,改掉不对的地方,再交给你。

一页设计说明“安全地重试写入”:流程图、客户端处理方式的表格、一段测试代码和检查清单。
由 Typst 0.15.1 从 examples/ai/zh.typ 渲染。点击查看大图。

agent 拿到的工具

  • 文稿list_documents、get_document、create_document、import_project、rename_document、trash_document、restore_document
  • 文件list_files、read_file、read_image、search_text
  • 修改str_replace、apply_patch——都核对读到的版本,并带上 request_id
  • 历史list_file_versions、restore_file_version
  • 检查compile_document、get_diagnostics、render_page、query_document
  • 分享export_document、share_document、unshare_document

试试这样说

写一页设计说明,讲怎样用 request ID 安全地重试写入:问题、规则、一张 fletcher 流程图、客户端该怎么做的表格,再加一段简短的测试。编译、渲染页面,改掉看着不对的地方,然后分享,把链接给我。

接入留白 Office 后,把它粘贴给你的 agent。

源码节选

#import "@preview/fletcher:0.5.8" as fletcher: diagram, node, edge

#diagram(
  spacing: (14mm, 9mm),
  node-stroke: 0.6pt + luma(60),
  node((0, 0), [写入\ `request_id = r`], corner-radius: 3pt, name: <recv>),
  node((1, 0), [见过 `r`?], shape: fletcher.shapes.diamond, name: <seen>),
  node((1, 1.3), [执行写入,\ 保存 `r` 的结果], name: <apply>),
  edge(<recv>, <seen>, "-|>"),
  edge(<seen>, <apply>, "-|>", [否], label-side: left),
)

在 GitHub 查看完整源码 ↗

值得知道

  • 文稿里的文字是内容,不是指令。服务端从不调用模型,写作由你的 agent 完成。
  • 工具名和参数与留白桌面版一致,在桌面版好用的提示词,在这里一样好用。

接入你的 agent

claude mcp add --transport http leftblank https://office.leftblank.app/mcp

其他客户端与完整的配置说明见 agents.md。