mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-09-15 20:08:18 +08:00
112 lines
7.7 KiB
XML
112 lines
7.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 580" font-family="'Inter','PingFang SC','Microsoft YaHei',sans-serif">
|
||
<defs>
|
||
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#f6f1ea"/>
|
||
<stop offset="100%" stop-color="#ebe3db"/>
|
||
</linearGradient>
|
||
<linearGradient id="primary" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#d96d46"/>
|
||
<stop offset="100%" stop-color="#bb4f27"/>
|
||
</linearGradient>
|
||
<linearGradient id="accent" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#1e5a54"/>
|
||
<stop offset="100%" stop-color="#184a45"/>
|
||
</linearGradient>
|
||
<linearGradient id="warm" x1="0" y1="0" x2="0" y2="1">
|
||
<stop offset="0%" stop-color="#ffffff"/>
|
||
<stop offset="100%" stop-color="#fdfaf6"/>
|
||
</linearGradient>
|
||
<filter id="shadow">
|
||
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#3a2013" flood-opacity="0.08"/>
|
||
</filter>
|
||
<filter id="glow">
|
||
<feDropShadow dx="0" dy="2" stdDeviation="6" flood-color="#d96d46" flood-opacity="0.15"/>
|
||
</filter>
|
||
</defs>
|
||
|
||
<rect width="960" height="580" rx="20" fill="url(#bg)"/>
|
||
|
||
<!-- Title -->
|
||
<text x="480" y="42" text-anchor="middle" font-size="22" font-weight="800" fill="#1d1612" letter-spacing="-0.5">MateClaw 业务架构</text>
|
||
<text x="480" y="62" text-anchor="middle" font-size="11" fill="#9b7d6c" letter-spacing="0.5">BUSINESS ARCHITECTURE — AI 工作系统全景</text>
|
||
|
||
<!-- ===== Center: Agent Core ===== -->
|
||
<circle cx="480" cy="280" r="72" fill="url(#warm)" stroke="#d96d46" stroke-width="2" filter="url(#glow)"/>
|
||
<circle cx="480" cy="280" r="56" fill="#f6e2d7" stroke="#ebb08f" stroke-width="1"/>
|
||
<text x="480" y="268" text-anchor="middle" font-size="16" font-weight="800" fill="#d96d46">智能体</text>
|
||
<text x="480" y="288" text-anchor="middle" font-size="11" font-weight="500" fill="#665245">推理 · 规划 · 执行</text>
|
||
<text x="480" y="304" text-anchor="middle" font-size="9" fill="#9b7d6c">ReAct + Plan-Execute</text>
|
||
|
||
<!-- ===== Top: User Surfaces ===== -->
|
||
<rect x="310" y="82" width="340" height="68" rx="14" fill="url(#warm)" stroke="#d9cec2" stroke-width="1" filter="url(#shadow)"/>
|
||
<rect x="310" y="82" width="340" height="3" rx="1.5" fill="url(#primary)"/>
|
||
<text x="480" y="108" text-anchor="middle" font-size="13" font-weight="700" fill="#d96d46">用户触点</text>
|
||
<text x="355" y="136" text-anchor="middle" font-size="10" fill="#665245">Web 控制台</text>
|
||
<text x="440" y="136" text-anchor="middle" font-size="10" fill="#665245">桌面端</text>
|
||
<text x="520" y="136" text-anchor="middle" font-size="10" fill="#665245">IM 渠道</text>
|
||
<text x="605" y="136" text-anchor="middle" font-size="10" fill="#665245">API</text>
|
||
<!-- Arrow down -->
|
||
<line x1="480" y1="150" x2="480" y2="208" stroke="#d96d46" stroke-width="1.5" stroke-dasharray="4,3" opacity="0.5"/>
|
||
<polygon points="475,206 480,214 485,206" fill="#d96d46" opacity="0.6"/>
|
||
|
||
<!-- ===== Left: Knowledge ===== -->
|
||
<rect x="40" y="210" width="200" height="140" rx="14" fill="url(#warm)" stroke="#d9cec2" stroke-width="1" filter="url(#shadow)"/>
|
||
<rect x="40" y="210" width="4" height="140" rx="2" fill="url(#accent)"/>
|
||
<text x="140" y="240" text-anchor="middle" font-size="13" font-weight="700" fill="#184a45">知识系统</text>
|
||
<text x="140" y="264" text-anchor="middle" font-size="10" fill="#665245">Wiki 知识库</text>
|
||
<text x="140" y="282" text-anchor="middle" font-size="10" fill="#665245">结构化消化 + 链接</text>
|
||
<text x="140" y="300" text-anchor="middle" font-size="10" fill="#665245">记忆提取与整理</text>
|
||
<text x="140" y="318" text-anchor="middle" font-size="10" fill="#665245">工作区上下文文件</text>
|
||
<text x="140" y="336" text-anchor="middle" font-size="9" fill="#9b7d6c">知识不是存储,是塑造</text>
|
||
<!-- Arrow right -->
|
||
<line x1="240" y1="280" x2="408" y2="280" stroke="#184a45" stroke-width="1.5" stroke-dasharray="4,3" opacity="0.5"/>
|
||
<polygon points="406,275 414,280 406,285" fill="#184a45" opacity="0.6"/>
|
||
|
||
<!-- ===== Right: Tools & Skills ===== -->
|
||
<rect x="720" y="210" width="200" height="140" rx="14" fill="url(#warm)" stroke="#d9cec2" stroke-width="1" filter="url(#shadow)"/>
|
||
<rect x="916" y="210" width="4" height="140" rx="2" fill="url(#primary)"/>
|
||
<text x="820" y="240" text-anchor="middle" font-size="13" font-weight="700" fill="#d96d46">工具与技能</text>
|
||
<text x="820" y="264" text-anchor="middle" font-size="10" fill="#665245">内置工具集</text>
|
||
<text x="820" y="282" text-anchor="middle" font-size="10" fill="#665245">MCP 协议扩展</text>
|
||
<text x="820" y="300" text-anchor="middle" font-size="10" fill="#665245">技能包 + ClawHub</text>
|
||
<text x="820" y="318" text-anchor="middle" font-size="10" fill="#665245">安全审批与防护</text>
|
||
<text x="820" y="336" text-anchor="middle" font-size="9" fill="#9b7d6c">能力需要边界</text>
|
||
<!-- Arrow left -->
|
||
<line x1="552" y1="280" x2="720" y2="280" stroke="#d96d46" stroke-width="1.5" stroke-dasharray="4,3" opacity="0.5"/>
|
||
<polygon points="554,275 546,280 554,285" fill="#d96d46" opacity="0.6"/>
|
||
|
||
<!-- ===== Bottom Left: Memory ===== -->
|
||
<rect x="160" y="400" width="200" height="100" rx="14" fill="url(#warm)" stroke="#d9cec2" stroke-width="1" filter="url(#shadow)"/>
|
||
<rect x="160" y="496" width="200" height="4" rx="2" fill="url(#accent)"/>
|
||
<text x="260" y="428" text-anchor="middle" font-size="13" font-weight="700" fill="#184a45">记忆层</text>
|
||
<text x="260" y="452" text-anchor="middle" font-size="10" fill="#665245">短期上下文管理</text>
|
||
<text x="260" y="470" text-anchor="middle" font-size="10" fill="#665245">长期提取 + 定时整理</text>
|
||
<text x="260" y="488" text-anchor="middle" font-size="9" fill="#9b7d6c">记忆应该积累而非消散</text>
|
||
<!-- Arrow up-right -->
|
||
<line x1="320" y1="400" x2="452" y2="340" stroke="#184a45" stroke-width="1.5" stroke-dasharray="4,3" opacity="0.4"/>
|
||
<polygon points="449,336 456,342 447,344" fill="#184a45" opacity="0.5"/>
|
||
|
||
<!-- ===== Bottom Right: Multimodal ===== -->
|
||
<rect x="600" y="400" width="200" height="100" rx="14" fill="url(#warm)" stroke="#d9cec2" stroke-width="1" filter="url(#shadow)"/>
|
||
<rect x="600" y="496" width="200" height="4" rx="2" fill="url(#primary)"/>
|
||
<text x="700" y="428" text-anchor="middle" font-size="13" font-weight="700" fill="#d96d46">多模态创作</text>
|
||
<text x="700" y="452" text-anchor="middle" font-size="10" fill="#665245">语音合成 · 语音识别</text>
|
||
<text x="700" y="470" text-anchor="middle" font-size="10" fill="#665245">图片 · 音乐 · 视频生成</text>
|
||
<text x="700" y="488" text-anchor="middle" font-size="9" fill="#9b7d6c">AI 不只是文字</text>
|
||
<!-- Arrow up-left -->
|
||
<line x1="640" y1="400" x2="508" y2="340" stroke="#d96d46" stroke-width="1.5" stroke-dasharray="4,3" opacity="0.4"/>
|
||
<polygon points="513,344 504,342 511,336" fill="#d96d46" opacity="0.5"/>
|
||
|
||
<!-- ===== Bottom Center: Models ===== -->
|
||
<rect x="370" y="420" width="220" height="64" rx="12" fill="url(#accent)" filter="url(#shadow)"/>
|
||
<text x="480" y="448" text-anchor="middle" font-size="13" font-weight="700" fill="#ffffff">模型供应</text>
|
||
<text x="480" y="468" text-anchor="middle" font-size="10" fill="#dce8e4">云端 + 本地 · 14+ 供应商</text>
|
||
<!-- Arrow up -->
|
||
<line x1="480" y1="420" x2="480" y2="352" stroke="#184a45" stroke-width="1.5" stroke-dasharray="4,3" opacity="0.5"/>
|
||
<polygon points="475,354 480,346 485,354" fill="#184a45" opacity="0.6"/>
|
||
|
||
<!-- Footer -->
|
||
<rect x="340" y="530" width="280" height="26" rx="13" fill="url(#primary)"/>
|
||
<text x="480" y="548" text-anchor="middle" font-size="11" font-weight="600" fill="#fff" letter-spacing="0.5">Mate 是陪伴,Claw 是能力</text>
|
||
</svg>
|