游乐游手机版
首页/AI热点日报/热点详情

告别重复教AI写前端代码的困扰

类型:热点整理2026-08-07
通过沉淀组件规范、规则和流程,搭建业务仓与编排仓分离的协作体系,让AI按团队标准稳定编写前端代码,从而释放开发者在重复沟通和确认上的精力,专注于需求判断与用户体验决策。

近期,我一方面专注于业务前端开发,另一方面也在构建一套能使AI更稳定地融入前端开发的协作流程。

我不是想让 AI 替我写前端,而是不想再重复教它怎么写

每当谈及AI辅助编程,许多人的第一直觉是:它能极大提升开发效率。

然而,随着实践深入,我越来越意识到,真正消耗时间的往往不是编写代码本身,而是那些反复发生、却从未被系统化记录的隐性约定。

每次接手一个新需求,AI都需要重新理解业务上下文:

如果缺乏明确规范,不仅AI会产出偏差,每位开发者也可能形成各自的理解方式。

最终代码虽然能运行,但项目的整体一致性会逐渐被侵蚀。

因此,我真正想解决的问题从来不是:

而是:


前端,天然适合与AI协同工作的岗位之一

很多人认为前端技术迭代迅速。

但从事实际业务开发的人都清楚,绝大多数需求本质上非常相似。

这一周的工作可能包括:

  • 新增一个列表页面
  • 增加若干筛选条件
  • 添加一个弹窗组件
  • 补充多个状态标签
  • 调整权限控制逻辑
  • 补全一系列表单字段
  • 对接一个新的数据接口

到了下一周,换一个业务场景,类似的模式又会重复出现。

真正发生变化的,往往只是数据本身。

而页面布局、组件规范、交互模式、请求方式,乃至代码的组织方式,大部分都可以复用。

真正消耗开发者精力的,并非JSX语法,也不是Vue或React框架本身。

而是这些缺乏记录、却每天都需要反复沟通的问题:

  • 本周到底有哪些待办需求?
  • 每个需求会影响哪些页面模块?
  • 应该使用哪套公共组件?
  • 是否有对应的设计稿?
  • 是否有明确的原型图?
  • 是否需要支持国际化?
  • 是否存在权限控制要求?
  • 是否有接口依赖需要梳理?
  • 完成后应该与谁进行确认?
  • 在什么条件下可以合并代码?

这些,才是真正吞噬团队效率的核心环节。


因此,这些经验被逐步拆解与沉淀

目前我正在做的事情,并非训练一个万能的AI Agent。

而是将过去仅存在于脑海中的实践知识,逐步转化为可被调用的标准化能力。

整个体系目前只包含两个核心层。

层级核心职责
业务前端仓库负责实际代码交付,沉淀组件规范、Skill、Rules以及项目约定
编排仓库负责需求接入、分类、Agent调度、结果审查与报告生成,不直接修改业务代码

业务仓库负责回答:

编排仓库负责回答:

将两边的职责分离后,整个工作流程变得清晰很多。

业务仓库持续沉淀:

  • 列表页面的搭建方式
  • 表单的组织结构
  • Table组件的封装方法
  • 请求的统一处理机制
  • 哪些内容不能硬编码
  • 什么情况下必须使用公共组件
  • 哪些规则是绝对不能违反的

而编排仓库则负责将这些能力串联成完整的流程。

例如:

 需求录入
        ↓
整理需求简报
        ↓
判断影响范围
        ↓
标记待确认事项
        ↓
创建周迭代分支
        ↓
Agent 实现页面
        ↓
依据 Rules + Skill 进行审查
        ↓
人工确认
        ↓
保留或回滚
        ↓
生成执行报告与周报

整个过程更像一条可重复执行的流水线,而非每次从零开始。


为AI设定了若干不可触碰的边界

随着项目复杂度提升,我发现,与其不断优化Prompt,不如先明确行为边界。

核心原则包括:

  • 约定永远优先于模型自由发挥。
  • 有设计稿时,必须严格参照设计稿再编写代码。
  • 有原型时,严格按原型实现,不允许擅自调整。
  • 不确定的需求宁可挂起,也绝不盲目猜测。
  • 失败就是失败,不允许将未完成的工作伪装成已完成。
  • 所有代码必须经过人工审核,才能正式合并到项目中。

AI可以承担施工任务。

但不能决定产品方向。


真正想释放的,并非编码能力本身

很多人会问:

答案恰恰相反。

真正应该被解放的,从来不是编写代码的行为。

而是那些没有技术含量、却不断重复发生的工作。

比如:

  • 反复向他人解释项目的编码规范
  • 一遍遍演示公共组件的使用方法
  • 每周重复整理需求清单
  • 多次核对哪些页面需要修改
  • 反复检查是否遗漏了国际化、权限、接口依赖等因素

这些事务,本质上就应该交给系统自动化处理。

开发者应该将更多精力投入到真正需要判断的核心环节:

  • 用户体验是否合理且流畅
  • 页面结构是否清晰易维护
  • 接口设计是否存在潜在问题
  • 是否有隐藏的风险点
  • 功能实现应该达到什么程度

这些,才是真正创造价值的部分。


我越来越确信一件事

AI不会取代优秀的前端工程师。

但它会持续淘汰那些只能机械重复编写业务代码的开发者。

真正的核心竞争力,已经不再是谁能写出一个列表、一个表单或一个弹窗。

而是谁能将团队积累的经验、规范和流程,沉淀为一套无论是人还是Agent都能稳定复用的能力体系。

Skill、Rules、公共组件,本质上都是在沉淀知识。

而编排机制,则是在沉淀流程。

两者结合,释放的不仅仅是编码速度,而是整个团队的交付效率与质量。


目前,这套体系仍在真实业务项目中持续打磨。它并非一个Demo,也不是为了展示概念,而是每天跟随业务需求一起迭代演进。

最终目标不是让「AI会写前端」。

而是让AI能够稳定地按照团队标准编写前端代码,同时让开发者将精力重新聚焦到真正需要思考与决策的地方。

如果你也在尝试让AI参与团队开发,我很想知道:当前最大的瓶颈,是Prompt技巧、规范定义,还是整个协作流程的设计?

来源:https://juejin.cn/post/7664486932710129715

相关热点

继续查看同栏目近期热点。

延伸阅读

补充最近整理过的热点入口。