1322 字
7 分钟
Qmai 国际前端规则模式:让 AI 先懂业务边界,再写代码

它是什么#

Qmai 国际前端规则中心不是一个业务系统,也不是一份普通提示词。

它是一套前端协作规则模式:把“需求应该落到哪里”“不同仓库负责什么”“AI 修改代码前要遵守什么”这些团队经验,整理成清晰、可读取、可执行的规则。

简单说,它让 AI 在写代码前先完成三件事:

  1. 看懂需求属于哪个业务系统。
  2. 找到应该修改的前端仓库。
  3. 按团队约束完成实现、验证和交付。

为什么需要它#

Qmai 国际前端不是一个单仓库项目,而是一组系统共同工作:

  • console-vue-international 负责后台基座、菜单、登录、容器和微应用挂载。
  • 多个 *-vue-international 仓库负责不同业务域页面。
  • common-vue-international 负责公共业务页和公共打印模板。
  • vue-kylin-international 负责共享业务组件。
  • operation 负责打印运行时、打印桥接和国际打印代码。
  • 装修平台、BI、供应链、营销、会员、支付等又有各自边界。

如果没有统一规则,AI 或新人很容易遇到这些问题:

  • 只看需求关键词就猜仓库。
  • 把共享组件问题复制修到多个业务仓库。
  • 把打印模板和打印运行时代码混在一起。
  • UI 页面只按通用模板做,忽略 Qmai 后台真实工作台风格。
  • 进入发布阶段后误用 feature 分支、正式环境或浏览器操作。

规则中心解决的就是这些边界问题。

新版规则怎么分层#

新版规则中心用“人先看地图,AI 再执行细则”的方式组织。

层级作用可以怎么理解
00-总览解释国际前端整体由什么构成一张系统全景图
01-PRD到系统拆分把需求、飞书、工单拆到系统和仓库需求归属判断表
02-系统内部结构说明每类系统内部怎么拆模块和文件仓库内部导航
03-模块页面命名统一页面、路由、API、i18n、样式命名落代码的命名规则
04-样式与组件库说明样式入口、主题变量、组件库和 UI 规范页面和组件怎么长
05-AI执行规则给 AI 的全局约束、项目识别、路由和 playbookAI 真正执行时读这里
06-维护映射说明宏观规则变更后要同步哪些执行规则规则更新检查表

这套分层的好处是:人读起来像文档,AI 执行起来像流程。

一个需求如何被处理#

可以把一次交付想成一条固定链路:

收到需求
-> 读取需求内容
-> 提取业务词、页面词、接口词
-> 查仓库职责清单
-> 判断目标系统和目标仓库
-> 判断是否涉及基座、组件库、公共页、打印或 UI
-> 选择最小 playbook
-> 修改前给出目标、影响范围和步骤
-> 实现、验证、交付说明

这里最关键的是前半段。代码不是第一步,判断边界才是第一步。

最重要的规则#

1. 先判断仓库,不先写代码#

普通 *-vue-international 需求必须先查“国际 Vue 仓库职责清单”。这个清单会说明每个仓库的一句话职责、优先处理的需求、关键模块线索和容易混淆的边界。

2. UI 任务先读 UI 详细规范#

只要涉及页面布局、组件视觉、样式、长文本或 RTL,就必须先读 UI 详细规范。Qmai 国际后台是高频业务工作台,不是营销官网,也不是通用 SaaS 卡片模板。

3. 打印要分清两个世界#

公共打印模板和纸面内容布局优先看 common-vue-international

打印插件、桥接、国际打印代码和运行时调试属于 operation

4. 可选发布阶段有独立约束#

发布不属于默认交付主流程。只有任务明确进入发布或部署阶段时,才应用发布规则。

普通国际仓发布到 OPMS 平台时,必须走本地配置和 opms_release.py 脚本,不能通过浏览器页面点击完成。

如果发布 pre,必须先把当前任务分支合到 pre,推送 origin/pre,然后只部署 branch/pre。不能直接部署 feature 分支。

5. AI 不主动做高风险动作#

未经明确要求,不执行 git commitgit push 或发布。修改前先给方案,完成后说明改了什么、为什么、如何验证。

核心价值#

Qmai 国际前端规则中心的价值体现在三个层面。

层面价值
业务层需求先拆到系统和仓库,减少改错位置、重复联调和边界争议
工程层基座、业务仓、公共页、组件库、打印、装修平台和 UI 规范都有清晰职责
AI 层AI 在明确约束下执行,修改前有方案,修改后有验证和交付说明

这套模式把多仓库协作经验沉淀为可读、可执行、可维护的规则,让 AI 编码从“直接生成代码”变成“先识别边界,再稳定交付”。

Qmai 国际前端规则模式:让 AI 先懂业务边界,再写代码
https://blog.961121.xyz/posts/qmai-agent-center-introduction/
作者
LOOK
发布于
2026-05-28
许可协议
CC BY-NC-SA 4.0