2026 年 7 月 16 日,Kimi 官方发布 K3,并把网站生成列为 Agent 的核心能力之一。随后,开发者 Max Weinbach 公开了一次 Agent Swarm 实验:让 Kimi 生成一个可以交互的网页版 macOS。公开记录显示,这次任务持续约 3 小时 20 分,并消耗了约 60% 的月度额度。

本文没有拿到项目仓库,也不声称“审过源码”。下面的判断只来自 2026 年 7 月 18 日访问到的公开页面、JavaScript/CSS 构建产物和原始发布记录。资源 hash 与统计值以后可能变化。

先看结果:它不是一个单文件玩具

在线演示提供桌面、窗口、Dock、Finder、Safari、设置等多种交互。浏览器下载到的主 JavaScript 为 2,419,416 字节,主 CSS 为 83,650 字节。体积不能直接证明质量,但足以说明这不是“几百行 HTML 一次生成”的轻量案例。

可复核项本次观察能说明什么
JavaScript2,419,416 字节功能面较大;仍需关注拆包和首屏成本
CSS83,650 字节存在较完整的视觉系统
源路径痕迹98 个可识别的 TypeScript/TSX 源文件路径构建产物显示组件已经拆分
设计变量172 个 CSS 自定义属性颜色、圆角、阴影和动效并非全部散落硬编码
无障碍痕迹aria-label 多次出现构建产物存在无障碍语义痕迹;不等于通过完整无障碍审计

构建产物能告诉我们什么,不能告诉我们什么

压缩后的 JavaScript 仍保留了部分源路径,可以看到 WindowManager、Finder、Safari、Settings 等组件名。CSS 变量也覆盖颜色、尺寸、圆角、阴影和动画时长。因此,把这个案例描述成“所有逻辑都挤在一个文件里”或“改一个圆角要翻遍项目”并不准确。

反过来,构建产物也不能证明类型设计优秀、异常分支完整或长期维护成本很低。编译后的 JavaScript 无法可靠还原 TypeScript 中是否滥用 any;看到 localStorage 和错误处理字符串,也不等于数据迁移、容量上限和恢复路径都经受过测试。

合理的结论应当与证据强度匹配:我们可以说“看到了组件拆分和设计变量”,不能因此说“源码已经工程化完毕”。

如果这是我的项目,上线前会补四类验证

  1. 性能:记录首屏资源、长任务和低端移动设备交互;按功能拆包,而不是只看桌面浏览器效果。
  2. 状态:列出 localStorage 的 schema、容量、迁移和清空策略;验证刷新、版本升级和损坏数据。
  3. 可访问性:用键盘走完窗口、菜单和应用切换;检查焦点顺序、语义、对比度和 reduced motion。
  4. 交付:固定依赖与构建命令,加入自动测试、错误监控、回滚路径和第三方资源清单。

这与站内上一篇《AI 生成的 HTML 小工具,怎样从一次性 Demo 变成可维护的本地应用?》形成互补:上一篇给出通用方法,这一篇用真实案例说明“先确认事实,再谈工程判断”。

真正值得学习的是验证方式

Kimi K3 Agent 展示了长时间、多步骤生成复杂 Web 应用的能力。这个案例的完成度令人印象深刻,但“能生成”“能部署”“能长期维护”仍是三个不同问题。

面对下一个 AI 编程爆款,我会先保存原始任务和运行条件,再抓取页面实际加载的资源,最后把每个判断标成“已验证”“可推断”或“未知”。这套方法比一张主观星级表更慢一点,却更可信,也更容易复现。

来源与复核入口