# 克劳德·法布尔始终积极进取
- 来源：Hacker News 热门（buzzing.cc 中文翻译）
- 作者：lumpa
- 发布时间：2026-06-12 11:08
- AIHOT 分数：74
- AIHOT 标记：精选
- AIHOT 链接：https://aihot.virxact.com/items/cmqacwahd0kbaslld5idu5npd
- 原文链接：https://simonwillison.net/2026/Jun/11/fable-is-relentlessly-proactive
## 精选理由
Simon 的亲身实战把 Claude Fable 5 的「死磕」能力展现得淋漓尽致——为修复一个两行 CSS 问题，它自建截图工具、写 CORS 服务器、注入模板代码。这既是编程 AI 的新疆界，也暴露出沙箱外运行的巨大风险，每个用 AI 写代码的人都该警惕。
## AI 摘要
Hacker News 上的一篇文章指出，Claude Fable 被描述为始终积极进取（relentlessly proactive）。该文发布在 simonwillison.net，标题为“Claude Fable is relentlessly proactive”，在 HN 上获得 119 个点赞。
## 正文
Simon Willison 的博客
赞助方：Microsoft — 智能体项目常常卡在演示与生产之间。Microsoft 的 MVP 检查清单能弥补这一差距。立即尝试
Claude Fable 具有不懈的主动性
2026年6月11日
在使用 Claude Fable 5 两天后，我觉得最能形容它的词语是“不懈的主动性”。它掌握大量技巧，并且会调用几乎所有技巧来达成目标。
我来举例说明。今天我在捣鼓 Datasette Agent 时发现了一个小问题：跳转菜单的聊天提示框中出现了一条不该存在的水平滚动条。我截了个图：
然后我在 datasette-agent 仓库目录下启动了一个新的 claude 会话，把截图拖进去，告诉它：
查看依赖以帮助找出这里出现水平滚动条的原因
我隐约觉得问题出在 Datasette Agent 的某个依赖里（很可能是 Datasette 本身），而且我知道 Fable 很擅长深入检查依赖代码——要么通过检查自己虚拟环境 site-packages 里的已安装文件，要么引用本地磁盘上的仓库副本。让它从依赖入手，感觉是个不错的思路。
我被家务事分了心，走开了电脑前。
几分钟后我回来时，看到我的电脑在常用的 Firefox 里打开了一个浏览器窗口，然后导航到有问题的那个对话框。我并没有指示 Claude Code 使用任何浏览器自动化操作，而且我相当确定它不可能在窗口内触发鼠标移动或键盘快捷键，那它是怎么做到的？
我着迷地看着它继续探索，然后看到它打开了一个 Safari 窗口，而不是 Firefox。我还从 Claude 终端抓取到了这张截图：
它在用 uv run --with pyobjc-framework-Quartz 干什么？
原来 Fable 自己编写了一套截取浏览器窗口屏幕截图的方法。它通过 Python 遍历我电脑上所有可用的窗口，然后过滤出窗口名称中包含 "textarea" 等预期字符串的 Safari 窗口。它用这个方式找到了窗口编号——一个像 153551 这样的整数——然后通过 screencapture 命令行工具来获取 PNG 截图。
好吧，这确实是一种巧妙的截图方式。但它在截什么图呢？
结果发现，它一直在编写自己的临时 HTML 页面来尝试复现那个 bug，然后打开 Safari 并截图。
下面是它创建的 /tmp/textarea-scrollbar-test.html 页面，以及用命令 `screencapture -x -o -l 153551 /tmp/safari-cases.png` 截取到的截图：
（我开的标签页实在太多了！）
好，我明白它是如何打开测试页面并截图的了，但它究竟是怎么触发那个待测试的模态对话框的呢？这个对话框只能通过点击或键盘快捷键才能调出，而我找不到它在 Safari 里执行这些操作的方式。
我最后终于搞清楚了它的做法。
Claude 运行在一个包含该应用源代码的文件夹里。它足够了解 Datasette，能自己启动本地开发服务器。原来它修改了 Datasette 自己的模板，加入 JavaScript 代码，让窗口一打开就触发正确的键盘快捷键，添加的代码如下：
窗口打开后 1.2 秒，这段代码触发一个模拟的 / 键，也就是打开模态对话框的键盘快捷键。
还剩一个挑战。为了理解发生了什么，Claude 需要在页面上执行 JavaScript 来自行获取测量数据。
它编写了自己的自定义 Web 应用，通过 CORS 来抓取信息，然后将其作为本地服务器运行，并打开一个包含 JavaScript 的页面，该 JavaScript 会直接向它发送 POST 请求！
下面是它编写的 Python Web 应用，使用了标准库中的 http.server 包：
from http.server import HTTPServer, BaseHTTPRequestHandler
class H(BaseHTTPRequestHandler):
def do_POST(self):
n = int(self.headers.get("Content-Length", 0))
open("/tmp/diag.json", "w").write(self.rfile.read(n).decode())
self.send_response(200)
self.send_header("Access-Control-Allow-Origin", "*")
self.end_headers()
def do_OPTIONS(self):
self.send_response(200)
self.send_header("Access-Control-Allow-Origin", "*")
self.send_header("Access-Control-Allow-Headers", "*")
self.end_headers()
def log_message(self, *a): # quiet
pass
HTTPServer(("127.0.0.1", 9999), H).serve_forever()
这个程序所做的就是接收一个包含 JSON 数据的 POST 请求，并将数据写入 `/tmp/diag.json` 文件。它会发送 `Access-Control-Allow-Origin: *` 头（包括来自 OPTIONS 请求的），这样在其他域名上运行的代码仍然能与之通信。
然后 Claude 将这段代码注入到浏览器中加载的模板里：
const host = document.querySelector("navigation-search");
const ta = host.shadowRoot.querySelector("textarea");
const cs = getComputedStyle(ta);
fetch("http://127.0.0.1:9999/diag", {
method: "POST",
body: JSON.stringify({
dpr: window.devicePixelRatio,
scrollWidth: ta.scrollWidth, clientWidth: ta.clientWidth,
whiteSpace: cs.whiteSpace, width: cs.width,
}),
});
这段代码测量 `` Web 组件内部的 `