| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <linearGradient id="titleGradient" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 4 | <stop offset="0%" stop-color="#5B8DEF"/> |
| 5 | <stop offset="50%" stop-color="#A26BFA"/> |
| 6 | <stop offset="100%" stop-color="#3DDDFC"/> |
| 7 | </linearGradient> |
| 8 | <radialGradient id="bgGlowL" cx="10%" cy="50%" r="55%"> |
| 9 | <stop offset="0%" stop-color="#5B8DEF" stop-opacity="0.18"/> |
| 10 | <stop offset="100%" stop-color="#5B8DEF" stop-opacity="0"/> |
| 11 | </radialGradient> |
| 12 | <radialGradient id="bgGlowC" cx="50%" cy="55%" r="50%"> |
| 13 | <stop offset="0%" stop-color="#A26BFA" stop-opacity="0.22"/> |
| 14 | <stop offset="100%" stop-color="#A26BFA" stop-opacity="0"/> |
| 15 | </radialGradient> |
| 16 | <radialGradient id="bgGlowR" cx="90%" cy="50%" r="55%"> |
| 17 | <stop offset="0%" stop-color="#3DDDFC" stop-opacity="0.18"/> |
| 18 | <stop offset="100%" stop-color="#3DDDFC" stop-opacity="0"/> |
| 19 | </radialGradient> |
| 20 | <linearGradient id="cardGlass" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 21 | <stop offset="0%" stop-color="#1A2150" stop-opacity="0.78"/> |
| 22 | <stop offset="100%" stop-color="#1A2150" stop-opacity="0.4"/> |
| 23 | </linearGradient> |
| 24 | <linearGradient id="cardGlassHi" x1="0%" y1="0%" x2="0%" y2="100%"> |
| 25 | <stop offset="0%" stop-color="#A26BFA" stop-opacity="0.32"/> |
| 26 | <stop offset="50%" stop-color="#5B8DEF" stop-opacity="0.22"/> |
| 27 | <stop offset="100%" stop-color="#A26BFA" stop-opacity="0.32"/> |
| 28 | </linearGradient> |
| 29 | <linearGradient id="headBlue" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 30 | <stop offset="0%" stop-color="#5B8DEF" stop-opacity="0.82"/> |
| 31 | <stop offset="100%" stop-color="#5B8DEF" stop-opacity="0.32"/> |
| 32 | </linearGradient> |
| 33 | <linearGradient id="headPurple" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 34 | <stop offset="0%" stop-color="#A26BFA" stop-opacity="0.95"/> |
| 35 | <stop offset="100%" stop-color="#5B8DEF" stop-opacity="0.7"/> |
| 36 | </linearGradient> |
| 37 | <linearGradient id="headCyan" x1="0%" y1="0%" x2="100%" y2="100%"> |
| 38 | <stop offset="0%" stop-color="#3DDDFC" stop-opacity="0.78"/> |
| 39 | <stop offset="100%" stop-color="#3DDDFC" stop-opacity="0.3"/> |
| 40 | </linearGradient> |
| 41 | <linearGradient id="glassEdge" x1="0%" y1="0%" x2="100%" y2="0%"> |
| 42 | <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0"/> |
| 43 | <stop offset="50%" stop-color="#FFFFFF" stop-opacity="0.4"/> |
| 44 | <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/> |
| 45 | </linearGradient> |
| 46 | </defs> |
| 47 | |
| 48 | <g id="bg"> |
| 49 | <rect width="1280" height="720" fill="#0A0E27"/> |
| 50 | <rect width="1280" height="720" fill="url(#bgGlowL)"/> |
| 51 | <rect width="1280" height="720" fill="url(#bgGlowC)"/> |
| 52 | <rect width="1280" height="720" fill="url(#bgGlowR)"/> |
| 53 | </g> |
| 54 | |
| 55 | <g id="header"> |
| 56 | <text x="640" y="68" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#3DDDFC" letter-spacing="4" text-anchor="middle">CHOOSING THE RIGHT PATTERN</text> |
| 57 | <text x="640" y="112" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="34" font-weight="900" fill="#E8ECFF" text-anchor="middle">Workflow · Agent · Multi-Agent — 选哪种?</text> |
| 58 | <text x="640" y="142" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="400" fill="#A8B0D0" text-anchor="middle">三种主流模式按"路径确定性"递增 — 灵活性越高,工程化代价越大</text> |
| 59 | </g> |
| 60 | |
| 61 | <g id="card-workflow"> |
| 62 | <rect x="80" y="180" width="370" height="490" rx="20" fill="url(#cardGlass)" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/> |
| 63 | <rect x="98" y="181" width="334" height="1" fill="url(#glassEdge)"/> |
| 64 | <path d="M 100 180 h 330 a 20 20 0 0 1 20 20 v 100 h -370 v -100 a 20 20 0 0 1 20 -20 Z" fill="url(#headBlue)"/> |
| 65 | <use data-icon="phosphor-duotone/flow-arrow" x="116" y="208" width="40" height="40" fill="#E8ECFF"/> |
| 66 | <text x="266" y="226" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#E8ECFF" letter-spacing="3" text-anchor="middle">PATTERN A</text> |
| 67 | <text x="266" y="266" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="28" font-weight="900" fill="#FFFFFF" text-anchor="middle">Workflow</text> |
| 68 | <text x="266" y="328" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="600" fill="#3DDDFC" letter-spacing="2" text-anchor="middle">DETERMINISTIC</text> |
| 69 | <line x1="120" y1="356" x2="412" y2="356" stroke="#FFFFFF" stroke-opacity="0.14"/> |
| 70 | <g id="wf-feat"> |
| 71 | <circle cx="116" cy="395" r="4" fill="#5B8DEF"/> |
| 72 | <text x="132" y="400" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">路径固定</text> |
| 73 | <text x="132" y="422" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">DAG 编排,LLM 只填空</text> |
| 74 | <circle cx="116" cy="465" r="4" fill="#5B8DEF"/> |
| 75 | <text x="132" y="470" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">可预测</text> |
| 76 | <text x="132" y="492" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">每一步成本、延迟可量化</text> |
| 77 | <circle cx="116" cy="535" r="4" fill="#5B8DEF"/> |
| 78 | <text x="132" y="540" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">易调试</text> |
| 79 | <text x="132" y="562" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">问题定位精确到节点</text> |
| 80 | </g> |
| 81 | <rect x="120" y="600" width="292" height="46" rx="10" fill="#5B8DEF" fill-opacity="0.15" stroke="#5B8DEF" stroke-opacity="0.5" stroke-width="1"/> |
| 82 | <text x="266" y="630" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="700" fill="#3DDDFC" text-anchor="middle">适合确定性任务</text> |
| 83 | </g> |
| 84 | |
| 85 | <g id="card-agent"> |
| 86 | <rect x="470" y="170" width="370" height="510" rx="20" fill="url(#cardGlassHi)" stroke="#A26BFA" stroke-opacity="0.75" stroke-width="1.5"/> |
| 87 | <rect x="488" y="171" width="334" height="1" fill="url(#glassEdge)"/> |
| 88 | <path d="M 490 170 h 330 a 20 20 0 0 1 20 20 v 110 h -370 v -110 a 20 20 0 0 1 20 -20 Z" fill="url(#headPurple)"/> |
| 89 | <rect x="588" y="148" width="134" height="28" rx="14" fill="#3DDDFC"/> |
| 90 | <text x="655" y="167" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="12" font-weight="900" fill="#0A0E27" letter-spacing="2" text-anchor="middle">MOST COMMON</text> |
| 91 | <use data-icon="phosphor-duotone/robot" x="506" y="208" width="48" height="48" fill="#E8ECFF"/> |
| 92 | <text x="656" y="226" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#E8ECFF" letter-spacing="3" text-anchor="middle">PATTERN B</text> |
| 93 | <text x="656" y="266" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="28" font-weight="900" fill="#FFFFFF" text-anchor="middle">Agent</text> |
| 94 | <text x="656" y="338" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="600" fill="#3DDDFC" letter-spacing="2" text-anchor="middle">EXPLORATORY</text> |
| 95 | <line x1="510" y1="366" x2="802" y2="366" stroke="#FFFFFF" stroke-opacity="0.18"/> |
| 96 | <g id="ag-feat"> |
| 97 | <circle cx="506" cy="405" r="4" fill="#A26BFA"/> |
| 98 | <text x="522" y="410" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">路径动态</text> |
| 99 | <text x="522" y="432" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">运行时按情境自选下一步</text> |
| 100 | <circle cx="506" cy="475" r="4" fill="#A26BFA"/> |
| 101 | <text x="522" y="480" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">LLM 决策</text> |
| 102 | <text x="522" y="502" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">用模型判断 → 工具/继续/终止</text> |
| 103 | <circle cx="506" cy="545" r="4" fill="#A26BFA"/> |
| 104 | <text x="522" y="550" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">工具调用</text> |
| 105 | <text x="522" y="572" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">检索 · 计算 · 业务 API</text> |
| 106 | </g> |
| 107 | <rect x="510" y="610" width="292" height="46" rx="10" fill="#A26BFA" fill-opacity="0.25" stroke="#A26BFA" stroke-opacity="0.7" stroke-width="1"/> |
| 108 | <text x="656" y="640" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="700" fill="#E8ECFF" text-anchor="middle">适合半结构化探索</text> |
| 109 | </g> |
| 110 | |
| 111 | <g id="card-multi"> |
| 112 | <rect x="860" y="180" width="370" height="490" rx="20" fill="url(#cardGlass)" stroke="#FFFFFF" stroke-opacity="0.16" stroke-width="1"/> |
| 113 | <rect x="878" y="181" width="334" height="1" fill="url(#glassEdge)"/> |
| 114 | <path d="M 880 180 h 330 a 20 20 0 0 1 20 20 v 100 h -370 v -100 a 20 20 0 0 1 20 -20 Z" fill="url(#headCyan)"/> |
| 115 | <use data-icon="phosphor-duotone/users-three" x="896" y="208" width="40" height="40" fill="#E8ECFF"/> |
| 116 | <text x="1046" y="226" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="700" fill="#E8ECFF" letter-spacing="3" text-anchor="middle">PATTERN C</text> |
| 117 | <text x="1046" y="266" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="28" font-weight="900" fill="#FFFFFF" text-anchor="middle">Multi-Agent</text> |
| 118 | <text x="1046" y="328" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="15" font-weight="600" fill="#3DDDFC" letter-spacing="2" text-anchor="middle">COLLABORATIVE</text> |
| 119 | <line x1="900" y1="356" x2="1192" y2="356" stroke="#FFFFFF" stroke-opacity="0.14"/> |
| 120 | <g id="ma-feat"> |
| 121 | <circle cx="896" cy="395" r="4" fill="#3DDDFC"/> |
| 122 | <text x="912" y="400" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">多角色协作</text> |
| 123 | <text x="912" y="422" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">Planner · Critic · Worker</text> |
| 124 | <circle cx="896" cy="465" r="4" fill="#3DDDFC"/> |
| 125 | <text x="912" y="470" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">任务分发</text> |
| 126 | <text x="912" y="492" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">并发 / 串联 / 投票仲裁</text> |
| 127 | <circle cx="896" cy="535" r="4" fill="#3DDDFC"/> |
| 128 | <text x="912" y="540" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="16" font-weight="700" fill="#E8ECFF">上下文共享</text> |
| 129 | <text x="912" y="562" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="400" fill="#A8B0D0">共享黑板 / 消息总线</text> |
| 130 | </g> |
| 131 | <rect x="900" y="600" width="292" height="46" rx="10" fill="#3DDDFC" fill-opacity="0.18" stroke="#3DDDFC" stroke-opacity="0.55" stroke-width="1"/> |
| 132 | <text x="1046" y="630" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="14" font-weight="700" fill="#3DDDFC" text-anchor="middle">适合复杂长程任务</text> |
| 133 | </g> |
| 134 | |
| 135 | <g id="footer"> |
| 136 | <text x="60" y="700" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="600" fill="#6B7299">三种模式 · 路径确定性递减</text> |
| 137 | <text x="1220" y="700" font-family=""Microsoft YaHei", "PingFang SC", sans-serif" font-size="13" font-weight="600" fill="#6B7299" text-anchor="end">05 / 12</text> |
| 138 | </g> |
| 139 | </svg> |
| 140 |