AI Agent能看懂的Web组件怎么写
AI生成UI的维护噩梦,能终结吗?
说实话,我们都见过AI生成的界面代码长什么样。当下能用,过几个月再看——变量名跟天书似的,代码结构一团浆糊,整个东西从资产变成了负担。
但如果换个思路呢?与其让AI帮我们写UI,不如让AI能真正读懂我们写的组件?
这就是 ahu(来自 fellwork)在探索的方向。说实话,在Web开发跟AI工具交叉的领域里,这算是挺有意思的一个尝试了。
ahu到底是个什么东西?
简单说,ahu 不是又一个 JavaScript 框架。它是一个用 Rust 写的编译器,专门把 Single File Components(SFC)编译成标准的 custom elements。没有什么虚拟DOM,也没有什么运行时开销,就是原生的 Web API 在干活。
但对AI领域的人来说,有意思的地方在后面:
MCP(Model Context Protocol)直接集成进去了。 不熟悉MCP的同学可以理解为,这是一个正在兴起的标准,用来让AI模型跟外部工具和数据源交互。ahu把这个协议直接做到组件架构里,意味着它的组件不只能被渲染,AI还能真正理解它、操作它。
想想这意味着什么:
- AI能读懂组件的结构和用途
- 明白它的状态和行为逻辑
- 基于这些理解做出智能修改
- 保证更新前后的整体一致性
另一个对AI友好的特性是 llms.txt 生成。这个新兴约定(类似 robots.txt,但是给AI看的)让组件可以用AI能够解析和理解的格式来暴露文档。
为什么这对开发团队有意义?
对于已经在用AI辅助开发的工作流的公司和团队来说,这代表了一个转变:从"AI帮我写代码"到"AI跟我一起维护活的系统"。
举个例子:你在做一个 SaaS 仪表盘。你的AI配对编程助手不只知道你的按钮组件是干嘛的,还知道为什么你这么设计、它管理什么状态、怎么跟数据层对接。需求变化的时候,它做的修改能保持架构的完整性,而不是搞出一堆临时凑合的东西。
选 Rust 来写编译器也值得说说。Rust 对正确性的强调和零成本抽象,意味着输出结果是轻量的、快速的、可预测的——跟我们在野路上见过的那些臃肿、不可预测的AI代码输出完全相反。
更宏大的图景
fellwork 在 ahu 上做的事,触及了一个更大的趋势:Web 平台本身正在进化,去适应AI原生的开发模式。Custom elements 是标准化的、不依赖任何框架的、充分利用浏览器原生能力的东西。建立在这样的基础上,ahu 直接绕过了"该选哪个框架"的纠结。
不管 ahu 最后能不能成为标准,或者会不会催生类似思路的项目,它背后的原则是站得住脚的:为AI可理解性而构建,而不只是为了人类能看。
Web开发的未来不是说AI要取代开发者——而是AI要能充分理解我们建的东西,成为真正的协作者。像这样的项目,正在迈出走向这个现实的第一步。
你怎么想?这是Web开发该走的方向吗,还是有什么根本性的挑战被我们忽略了?评论区聊聊——想听听你们怎么看AI和组件架构。