mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-09-21 22:19:59 +08:00
99 lines
5.9 KiB
XML
99 lines
5.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="960" viewBox="0 0 1440 960">
|
|
<defs>
|
|
<filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feDropShadow dx="0" dy="8" stdDeviation="10" flood-color="#1F2933" flood-opacity="0.12"/>
|
|
</filter>
|
|
<marker id="arrow-red" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
|
|
<path d="M0,0 L10,5 L0,10 Z" fill="#D71920"/>
|
|
</marker>
|
|
<marker id="arrow-gray" markerWidth="10" markerHeight="10" refX="8" refY="5" orient="auto">
|
|
<path d="M0,0 L10,5 L0,10 Z" fill="#6F7378"/>
|
|
</marker>
|
|
<style>
|
|
.title { font: 700 34px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #0B2545; }
|
|
.subtitle { font: 400 17px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #6F7378; }
|
|
.h { font: 700 20px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #0B2545; }
|
|
.t { font: 400 15px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #1F2933; }
|
|
.s { font: 400 13px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #6F7378; }
|
|
.tiny { font: 400 12px "Microsoft YaHei", "PingFang SC", Arial, sans-serif; fill: #6F7378; }
|
|
.card { fill: white; stroke: #D8DEE6; stroke-width: 1.2; filter: url(#shadow); }
|
|
.band { fill: #F5F7FA; stroke: #D8DEE6; stroke-width: 1; }
|
|
.redline { stroke: #D71920; stroke-width: 3; fill: none; marker-end: url(#arrow-red); }
|
|
.grayline { stroke: #6F7378; stroke-width: 2.2; fill: none; marker-end: url(#arrow-gray); }
|
|
.dash { stroke: #6F7378; stroke-width: 2; stroke-dasharray: 8 8; fill: none; marker-end: url(#arrow-gray); }
|
|
</style>
|
|
</defs>
|
|
<rect width="100%" height="100%" fill="#FFFFFF"/>
|
|
<path d="M0 0 H1440 V10 H0 Z" fill="#D71920"/>
|
|
<path d="M0 10 H1440 V15 H0 Z" fill="#6F7378" opacity="0.55"/>
|
|
<text x="64" y="72" class="title">Vibe Coding 协同交付流程图</text>
|
|
<text x="64" y="102" class="subtitle">把大系统拆成可验证的小任务，形成需求、编码、测试、评审、交付闭环</text>
|
|
|
|
<rect x="74" y="148" width="1290" height="704" rx="18" class="band"/>
|
|
<rect x="102" y="202" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="102" y="202" width="230" height="8" rx="4" fill="#D71920"/>
|
|
<text x="124" y="244" class="h">1. 需求卡片化</text>
|
|
<text x="124" y="274" class="t">按页面/动作拆分</text>
|
|
<text x="124" y="300" class="t">角色、输入、输出</text>
|
|
<text x="124" y="326" class="t">验收标准</text>
|
|
<rect x="382" y="202" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="382" y="202" width="230" height="8" rx="4" fill="#6F7378"/>
|
|
<text x="404" y="244" class="h">2. 领域建模</text>
|
|
<text x="404" y="274" class="t">状态机、票号段</text>
|
|
<text x="404" y="300" class="t">库存流水、报表口径</text>
|
|
<text x="404" y="326" class="t">人工确认</text>
|
|
<rect x="662" y="202" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="662" y="202" width="230" height="8" rx="4" fill="#2E86C1"/>
|
|
<text x="684" y="244" class="h">3. 任务生成</text>
|
|
<text x="684" y="274" class="t">表结构、接口</text>
|
|
<text x="684" y="300" class="t">页面、测试</text>
|
|
<text x="684" y="326" class="t">小批量执行</text>
|
|
<rect x="942" y="202" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="942" y="202" width="230" height="8" rx="4" fill="#3FA45B"/>
|
|
<text x="964" y="244" class="h">4. 编码实现</text>
|
|
<text x="964" y="274" class="t">前后端协同</text>
|
|
<text x="964" y="300" class="t">导入导出</text>
|
|
<text x="964" y="326" class="t">权限与日志</text>
|
|
<path d="M332 266 H376" class="redline"/>
|
|
<path d="M612 266 H656" class="redline"/>
|
|
<path d="M892 266 H936" class="redline"/>
|
|
|
|
<rect x="102" y="470" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="102" y="470" width="230" height="8" rx="4" fill="#B63A2E"/>
|
|
<text x="124" y="512" class="h">8. 模块验收</text>
|
|
<text x="124" y="542" class="t">业务演示</text>
|
|
<text x="124" y="568" class="t">样例数据核对</text>
|
|
<text x="124" y="594" class="t">问题闭环</text>
|
|
<rect x="382" y="470" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="382" y="470" width="230" height="8" rx="4" fill="#6F7378"/>
|
|
<text x="404" y="512" class="h">7. 人工评审</text>
|
|
<text x="404" y="542" class="t">核心规则 review</text>
|
|
<text x="404" y="568" class="t">安全与权限检查</text>
|
|
<text x="404" y="594" class="t">SQL 与事务检查</text>
|
|
<rect x="662" y="470" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="662" y="470" width="230" height="8" rx="4" fill="#2E86C1"/>
|
|
<text x="684" y="512" class="h">6. 自动化测试</text>
|
|
<text x="684" y="542" class="t">单元 / 接口</text>
|
|
<text x="684" y="568" class="t">场景 / 回归</text>
|
|
<text x="684" y="594" class="t">构建检查</text>
|
|
<rect x="942" y="470" width="230" height="128" rx="10" class="card"/>
|
|
<rect x="942" y="470" width="230" height="8" rx="4" fill="#3FA45B"/>
|
|
<text x="964" y="512" class="h">5. 本地自测</text>
|
|
<text x="964" y="542" class="t">页面联调</text>
|
|
<text x="964" y="568" class="t">异常分支</text>
|
|
<text x="964" y="594" class="t">导入导出校验</text>
|
|
<path d="M1057 342 V464" class="redline"/>
|
|
<path d="M942 534 H898" class="grayline"/>
|
|
<path d="M662 534 H618" class="grayline"/>
|
|
<path d="M382 534 H338" class="grayline"/>
|
|
|
|
<rect x="208" y="690" width="944" height="74" rx="12" fill="#FFFFFF" stroke="#D8DEE6" filter="url(#shadow)"/>
|
|
<text x="238" y="726" class="h">交付原则</text>
|
|
<text x="362" y="724" class="t">小任务、强测试、人工把关、持续演示；常规功能提效，核心规则不省评审。</text>
|
|
<path d="M217 608 C217 670 678 650 678 684" class="dash"/>
|
|
|
|
<text x="64" y="925" class="tiny">北京公交集团票务综合管理平台系统升级 | Vibe Coding 实施方案配套设计图</text>
|
|
<circle cx="1358" cy="904" r="18" fill="#D71920" opacity="0.95"/>
|
|
<circle cx="1395" cy="904" r="18" fill="#6F7378" opacity="0.78"/>
|
|
</svg>
|