docs: add README product visuals

2026-10-22 18:13:46 +08:00
1 parent 5182646850
commit 424cdcc4b5
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 410" role="img" aria-labelledby="title desc">
+  <title id="title">ReplyPier 客服服务闭环</title>
+  <desc id="desc">AI 知识问答、人工客服接手、结束服务并评价。</desc>
+  <rect width="1440" height="410" rx="28" fill="#F5F7F2"/>
+  <text x="720" y="52" text-anchor="middle" fill="#24332D" font-family="-apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif" font-size="25" font-weight="700">一段对话，从 AI 到人工，顺畅接力</text>
+  <text x="720" y="80" text-anchor="middle" fill="#69766F" font-family="-apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif" font-size="15">保留上下文 · 按权限接待 · 服务结果可回看</text>
+
+  <g font-family="-apple-system, BlinkMacSystemFont, 'PingFang SC', sans-serif">
+    <rect x="40" y="112" width="400" height="250" rx="22" fill="#FFFFFF" stroke="#DDE5DC"/>
+    <circle cx="91" cy="171" r="31" fill="#EAF2EC"/>
+    <path d="M74 156h34a6 6 0 0 1 6 6v17a6 6 0 0 1-6 6H91l-10 8v-8h-7a6 6 0 0 1-6-6v-17a6 6 0 0 1 6-6Z" fill="#2E6A5C"/>
+    <circle cx="83" cy="171" r="2.3" fill="#FFFFFF"/>
+    <circle cx="91" cy="171" r="2.3" fill="#FFFFFF"/>
+    <circle cx="99" cy="171" r="2.3" fill="#FFFFFF"/>
+    <text x="139" y="165" fill="#24332D" font-size="21" font-weight="700">AI 知识问答</text>
+    <text x="139" y="193" fill="#69766F" font-size="14">从关联知识库中寻找答案</text>
+    <path d="M68 232h344" stroke="#E8ECE6"/>
+    <text x="68" y="275" fill="#2E6A5C" font-size="14" font-weight="600">知识来源可追溯</text>
+    <text x="68" y="302" fill="#77837C" font-size="13">资料不足时，明确反馈或转人工</text>
+
+    <rect x="520" y="112" width="400" height="250" rx="22" fill="#FFFFFF" stroke="#DDE5DC"/>
+    <circle cx="571" cy="171" r="31" fill="#F9ECE7"/>
+    <path d="M554 166v-4a17 17 0 0 1 34 0v4M554 165h5v14h-5a4 4 0 0 1-4-4v-6a4 4 0 0 1 4-4Zm34 0h-5v14h5a4 4 0 0 0 4-4v-6a4 4 0 0 0-4-4Zm-17-6a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-12 28c2-6 8-9 12-9s10 3 12 9" fill="none" stroke="#C96F5A" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <text x="619" y="165" fill="#24332D" font-size="21" font-weight="700">人工客服接手</text>
+    <text x="619" y="193" fill="#69766F" font-size="14">在同一会话中继续服务</text>
+    <path d="M548 232h344" stroke="#E8ECE6"/>
+    <text x="548" y="275" fill="#2E6A5C" font-size="14" font-weight="600">上下文保留，授权后接待</text>
+    <text x="548" y="302" fill="#77837C" font-size="13">支持客服组、接管与转交</text>
+
+    <rect x="1000" y="112" width="400" height="250" rx="22" fill="#FFFFFF" stroke="#DDE5DC"/>
+    <circle cx="1051" cy="171" r="31" fill="#EEF1E6"/>
+    <path d="m1051 149 6.7 13.6 15 2.2-10.9 10.6 2.6 15-13.4-7-13.4 7 2.6-15-10.9-10.6 15-2.2Z" fill="#6D9678"/>
+    <text x="1099" y="165" fill="#24332D" font-size="21" font-weight="700">结束并评价</text>
+    <text x="1099" y="193" fill="#69766F" font-size="14">收集星级与文字反馈</text>
+    <path d="M1028 232h344" stroke="#E8ECE6"/>
+    <text x="1028" y="275" fill="#2E6A5C" font-size="14" font-weight="600">管理员查看服务结果</text>
+    <text x="1028" y="302" fill="#77837C" font-size="13">会话、接待人和评价连在一起</text>
+  </g>
+
+  <path d="M451 237h54m-12-9 12 9-12 9M931 237h54m-12-9 12 9-12 9" fill="none" stroke="#8BB49C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>