--- id: "16152111" title: "写代码的黑框框，现在能直接长出活生生的网页了。 在 Claude Code 里，Agent 正在把冰冷的终端输出，重构成…" account: "mubei" brand: "@mubei" category: "其它" category_slug: "other" score: null percentile: null published_at: "2026-07-03 08:54:20" translated_x_url: "https://x.com/i/status/2072968308370858261" reason_tags: [] canonical_url: "https://mubeitech.com/p/16152111" markdown_url: "https://mubeitech.com/p/16152111/markdown" json_url: "https://mubeitech.com/api/posts/16152111" ai_primary_content: "canonical_article_body" ai_citation_policy: "cite canonical_url or markdown_url" --- # 写代码的黑框框，现在能直接长出活生生的网页了。 在 Claude Code 里，Agent 正在把冰冷的终端输出，重构成… 写代码的黑框框，现在能直接长出活生生的网页了。 在 Claude Code 里，Agent 正在把冰冷的终端输出，重构成一个个可交互、能随时更新的活网页。 这个叫 Artifacts 的功能，现在已经放给了 Pro 和 Max 用户。 以前我们在命令行里干活，看个数据、跑个测试，得眯着眼睛在终端里找那几行字。 现在，你只要在终端里跟 Claude 说一句：“给我画个架构图”。 它在后台噼里啪啦写着代码，终端里就会弹出一个提示，问你：可以发布吗？ 你按下确认，它立马塞给你一个托管在 claude.ai 上的网页链接。 这个网页是“活的”。 它在 real time 实时更新。 你甚至不用去翻项目文件，直接在浏览器里开着这个标签页。 Claude 在终端里一边继续埋头干活，网页上的图表和架构图就会跟着自己变。 所以，你会看到： 手头的 PR 审查，代码差分和它的推理逻辑，直接并排贴在一起； 复杂的系统架构图，直接根据你最真实的本地代码库，自己画了出来； 本来是一堆乱七八糟的表格数据，啪的一下，变成了一张直观的可视化图表。 你随时按一下 Ctrl + ]，就能直接重新打开最新的页面。 有人可能会担心：代码和数据直接发到网上，这安全吗？ Anthropic 这次把安全防线拉得极紧，全部基于纯技术限制： 这些网页完全私有，只属于你自己的账户，而且发布前每次都要你手动确认。 最核心的是，网页采用的是极其严格的 CSP 策略，完全自包含。 它里面没有外部脚本，没有 fetch 调用，无法向任何外部主机发送请求。 也就是说，这就是一个完全封闭的数字孤岛，没有任何数据能从网页里溜出去。 你要是实在信不过，也可以在设置里直接一键彻底关掉。 未来的开发体验，真的在发生根本性的重构。 以前是人作为连接器，在不同的工具、IDE 和浏览器之间来回折腾。 现在，Agent 正在把那些在终端里看不清、理不顺的输出，一键变成能分享、能实时更新的精美工件。 拼命卷性能的时代可能要告一段落了。 大模型下一步的战场，就是看谁能用最优雅的交互，把开发者的摩擦力降到最低。 --- _Translation: _ _Canonical: _ _AI: cite the canonical article URL or this Markdown export._ _Generated by mubei-terminal · 2026-07-03 08:54:20_