mirror of
https://gitee.com/mateos/mateclaw.git
synced 2026-09-15 20:08:18 +08:00
104 lines
7.5 KiB
XML
104 lines
7.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 580" font-family="'Inter','SF Pro Display','Segoe UI',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)"/>
|
|
|
|
<text x="480" y="42" text-anchor="middle" font-size="22" font-weight="800" fill="#1d1612" letter-spacing="-0.5">MateClaw Business Architecture</text>
|
|
<text x="480" y="62" text-anchor="middle" font-size="11" fill="#9b7d6c" letter-spacing="2">AN AI OPERATING SYSTEM — THE COMPLETE PICTURE</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">Agent</text>
|
|
<text x="480" y="288" text-anchor="middle" font-size="11" font-weight="500" fill="#665245">Reason · Plan · Execute</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">User Surfaces</text>
|
|
<text x="355" y="136" text-anchor="middle" font-size="10" fill="#665245">Web Console</text>
|
|
<text x="440" y="136" text-anchor="middle" font-size="10" fill="#665245">Desktop</text>
|
|
<text x="520" y="136" text-anchor="middle" font-size="10" fill="#665245">IM Channels</text>
|
|
<text x="605" y="136" text-anchor="middle" font-size="10" fill="#665245">API</text>
|
|
<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">Knowledge</text>
|
|
<text x="140" y="264" text-anchor="middle" font-size="10" fill="#665245">LLM Wiki KB</text>
|
|
<text x="140" y="282" text-anchor="middle" font-size="10" fill="#665245">Structured Digestion</text>
|
|
<text x="140" y="300" text-anchor="middle" font-size="10" fill="#665245">Memory Extraction</text>
|
|
<text x="140" y="318" text-anchor="middle" font-size="10" fill="#665245">Workspace Context</text>
|
|
<text x="140" y="336" text-anchor="middle" font-size="9" fill="#9b7d6c">Shape it, don't just store it</text>
|
|
<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">Tools & Skills</text>
|
|
<text x="820" y="264" text-anchor="middle" font-size="10" fill="#665245">Built-in Tool Suite</text>
|
|
<text x="820" y="282" text-anchor="middle" font-size="10" fill="#665245">MCP Protocol</text>
|
|
<text x="820" y="300" text-anchor="middle" font-size="10" fill="#665245">Skill Packages + Hub</text>
|
|
<text x="820" y="318" text-anchor="middle" font-size="10" fill="#665245">Guard + Approval</text>
|
|
<text x="820" y="336" text-anchor="middle" font-size="9" fill="#9b7d6c">Capability needs boundaries</text>
|
|
<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">Memory</text>
|
|
<text x="260" y="452" text-anchor="middle" font-size="10" fill="#665245">Short-term Context</text>
|
|
<text x="260" y="470" text-anchor="middle" font-size="10" fill="#665245">Extraction + Consolidation</text>
|
|
<text x="260" y="488" text-anchor="middle" font-size="9" fill="#9b7d6c">Memory should compound</text>
|
|
<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">Multimodal</text>
|
|
<text x="700" y="452" text-anchor="middle" font-size="10" fill="#665245">TTS · STT · Voice</text>
|
|
<text x="700" y="470" text-anchor="middle" font-size="10" fill="#665245">Image · Music · Video</text>
|
|
<text x="700" y="488" text-anchor="middle" font-size="9" fill="#9b7d6c">AI beyond text</text>
|
|
<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">Model Layer</text>
|
|
<text x="480" y="468" text-anchor="middle" font-size="10" fill="#dce8e4">Cloud + Local · 14+ Providers</text>
|
|
<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"/>
|
|
|
|
<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 is companion. Claw is capability.</text>
|
|
</svg>
|