feat: replace all mermaid diagrams with drawio-style SVGs in gen2D deck

2026-05-30 22:14:23 +08:00
parent 1a297e57a9
commit 6014a576ff
8 changed files with 273 additions and 33 deletions
@@ -0,0 +1,70 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 880 160" font-family="Microsoft YaHei, PingFang SC, Helvetica, Arial, sans-serif">
+  <defs>
+    <filter id="shadow" x="-2%" y="-2%" width="104%" height="104%">
+      <feDropShadow dx="1" dy="1" stdDeviation="2" flood-opacity="0.12"/>
+    </filter>
+    <marker id="arrow-blue" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#6c8ebf"/>
+    </marker>
+    <marker id="arrow-green" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#82b366"/>
+    </marker>
+  </defs>
+
+  <!-- 用户描述 -->
+  <rect x="20" y="55" width="100" height="50" rx="8" fill="#dae8fc" stroke="#6c8ebf" stroke-width="1.5" filter="url(#shadow)"/>
+  <text x="70" y="75" font-size="11" fill="#333" text-anchor="middle" font-weight="bold">用户</text>
+  <text x="70" y="91" font-size="11" fill="#333" text-anchor="middle">描述</text>
+
+  <!-- Arrow -->
+  <line x1="122" y1="80" x2="148" y2="80" stroke="#6c8ebf" stroke-width="2" marker-end="url(#arrow-blue)"/>
+
+  <!-- 风格合并 -->
+  <rect x="150" y="40" width="120" height="80" rx="8" fill="#fff2cc" stroke="#d6b656" stroke-width="1.5" filter="url(#shadow)"/>
+  <text x="210" y="75" font-size="12" fill="#333" text-anchor="middle" font-weight="bold">风格合并</text>
+  <text x="210" y="93" font-size="10" fill="#666" text-anchor="middle">merge()</text>
+
+  <!-- 工程风格 input -->
+  <line x1="210" y1="38" x2="210" y2="10" stroke="#d6b656" stroke-width="1.5"/>
+  <rect x="155" y="-15" width="110" height="25" rx="4" fill="#f5f5f5" stroke="#d6b656" stroke-width="1"/>
+  <text x="210" y="2" font-size="10" fill="#333" text-anchor="middle">工程风格</text>
+
+  <!-- 任务覆盖 input -->
+  <line x1="210" y1="122" x2="210" y2="148" stroke="#d6b656" stroke-width="1.5"/>
+  <rect x="155" y="148" width="110" height="25" rx="4" fill="#f5f5f5" stroke="#d6b656" stroke-width="1"/>
+  <text x="210" y="165" font-size="10" fill="#333" text-anchor="middle">任务覆盖</text>
+
+  <!-- Arrow -->
+  <line x1="272" y1="80" x2="298" y2="80" stroke="#d6b656" stroke-width="2" marker-end="url(#arrow-blue)"/>
+
+  <!-- 三段式组装 -->
+  <rect x="300" y="40" width="120" height="80" rx="8" fill="#e1d5e7" stroke="#9673a6" stroke-width="1.5" filter="url(#shadow)"/>
+  <text x="360" y="68" font-size="11" fill="#333" text-anchor="middle" font-weight="bold">三段式</text>
+  <text x="360" y="84" font-size="11" fill="#333" text-anchor="middle" font-weight="bold">组装</text>
+  <text x="360" y="102" font-size="9" fill="#888" text-anchor="middle">描述+风格+规格</text>
+
+  <!-- Arrow -->
+  <line x1="422" y1="80" x2="448" y2="80" stroke="#9673a6" stroke-width="2" marker-end="url(#arrow-blue)"/>
+
+  <!-- LLM 优化 -->
+  <rect x="450" y="40" width="120" height="80" rx="8" fill="#f8cecc" stroke="#b85450" stroke-width="1.5" filter="url(#shadow)"/>
+  <text x="510" y="68" font-size="11" fill="#333" text-anchor="middle" font-weight="bold">LLM 优化</text>
+  <text x="510" y="84" font-size="10" fill="#666" text-anchor="middle">DeepSeek</text>
+  <text x="510" y="102" font-size="9" fill="#b85450" text-anchor="middle">无Key回退模板</text>
+
+  <!-- Arrow -->
+  <line x1="572" y1="80" x2="598" y2="80" stroke="#b85450" stroke-width="2" marker-end="url(#arrow-blue)"/>
+
+  <!-- 最终提示词 -->
+  <rect x="600" y="55" width="120" height="50" rx="8" fill="#d5e8d4" stroke="#82b366" stroke-width="1.5" filter="url(#shadow)"/>
+  <text x="660" y="75" font-size="12" fill="#333" text-anchor="middle" font-weight="bold">最终</text>
+  <text x="660" y="91" font-size="12" fill="#333" text-anchor="middle" font-weight="bold">提示词</text>
+
+  <!-- Arrow to AssetGenerator -->
+  <line x1="722" y1="80" x2="748" y2="80" stroke="#82b366" stroke-width="2" marker-end="url(#arrow-green)"/>
+
+  <!-- AssetGenerator -->
+  <rect x="750" y="55" width="110" height="50" rx="8" fill="#d5e8d4" stroke="#82b366" stroke-width="1.5" filter="url(#shadow)"/>
+  <text x="805" y="75" font-size="11" fill="#333" text-anchor="middle" font-weight="bold">Asset</text>
+  <text x="805" y="91" font-size="11" fill="#333" text-anchor="middle" font-weight="bold">Generator</text>
+</svg>