DeepSeek V4 + Cherry Studio 构建可落地的AI Agent工作流

1. 项目概述：这不是一个PPT生成器，而是一套可复用的AI Agent工作流闭环

“用 DeepSeek V4 接入 Cherry Studio Agent 做了个网页PPT”——这句话表面看是工具组合的简单陈述，但背后藏着当前AI应用落地最硬核的一条路径：把大模型从“对话窗口”升级为“可调度、可编排、能调用外部能力的智能体”。我实测下来，这个项目真正解决的不是“怎么做出一页PPT”，而是“如何让AI真正理解业务意图、自主拆解任务、协调工具链、交付结构化成果”。它绕开了传统PPT插件那种“填空式”模板套用，也跳过了Copilot类工具只能写单行代码或改一段文案的局限。整个流程里，DeepSeek V4 不是被当作文本续写器，而是作为Agent的“大脑”负责规划、推理、决策；Cherry Studio 不是普通IDE插件，而是Agent的“操作系统”，管理记忆、调度技能（Skill）、连接HTTP服务、维护会话上下文；而最终产出的“网页PPT”，本质是一个由HTML+CSS+JS构成的、可直接部署、可交互、可嵌入的轻量级Web应用，不是PowerPoint文件，也不是PDF导出物。关键词里的DeepSeek V4指的是其最新发布的推理优化版本，相比V2/V3，在长上下文理解、多步逻辑链路拆解、结构化输出稳定性上提升显著；Cherry Studio是目前少有的、对本地Agent开发支持最友好的桌面端环境，它内置了Skill注册机制、全局记忆池、HTTP Server模块，且不依赖云端API密钥即可完成本地模型接入；Agent这个词在这里不是营销概念，而是指一个具备Goal-Oriented（目标导向）、Tool-Calling（工具调用）、Stateful（有状态）三大特征的运行实体。如果你正卡在“AI能聊不能干”“模型很强但落不了地”的阶段，这个项目就是一份可抄作业的工程化切口。它适合三类人：需要快速交付客户演示材料的前端/产品同学、想验证Agent架构可行性的技术负责人、以及正在探索AI原生应用形态的独立开发者。我做完之后最大的体会是：PPT只是表象，Agent工作流才是内核。

2. 核心思路拆解：为什么必须用V4 + Cherry Studio这个组合，而不是VS Code + Claude Code？

2.1 模型选型：V4不是“更强”，而是“更适配Agent场景”

很多人看到标题第一反应是：“V4比V2强在哪？值得专门换吗？”这个问题的答案不在benchmark分数里，而在Agent的实际运行日志中。我对比过V2、V3、V4在同一份PPT需求下的规划行为：

• V2：面对“做一个介绍公司AI平台的5页PPT，每页含图表和数据来源说明”这类需求，它倾向于一次性输出全部HTML代码，中间夹杂大量无效注释、重复CSS类名、未闭合标签。当Cherry Studio尝试执行时，常因语法错误中断，需人工介入修复。

• V3：能分页输出，但页与页之间风格割裂严重——第1页用Flex布局，第2页突然切到Grid，第3页又回到Float。更关键的是，它无法稳定识别“调用Skill”的指令边界，比如你写“请调用ppt_skill生成首页”，它可能把“ppt_skill”当成普通名词解释一遍，而非触发函数调用。

• V4：在测试中展现出三个决定性优势。第一是指令锚定精度：只要你在System Prompt里明确定义<tool_call>格式，它98%以上概率会严格按{"name": "ppt_skill", "arguments": {"title": "...", "content": [...]}}这种JSON Schema输出，极少出现字段名拼错或嵌套层级错乱。第二是上下文保真度：当PPT内容超过3000token，V4仍能准确回溯第2页提到的“用户增长曲线”在第4页是否被正确引用，而V3在此类长链推理中错误率超40%。第三是错误恢复能力：当某个Skill执行失败（如网络请求超时），V4不会崩溃重置，而是主动提出降级方案——“检测到图表生成服务不可用，是否改用静态SVG占位图？”，这种容错机制是Agent稳定运行的生命线。

提示：V4的“Flash A100”优化并非单纯提速，而是针对Agent高频小批量推理做了显存调度重构。实测在A100 40G上，V4处理10并发Skill调用请求的平均延迟比V3低37%，且无OOM报错。这意味着你的Agent可以同时处理PPT生成、数据抓取、字体加载等多个子任务而不卡死。

2.2 环境选型：Cherry Studio不是“另一个VS Code”，而是Agent的OS

为什么不用VS Code + Claude Code插件？因为二者定位根本不同。Claude Code本质是“AI增强的编辑器”，它的核心能力是理解当前打开的代码文件、补全函数、解释报错——所有动作都锚定在“当前文档”这个单一上下文中。而Cherry Studio是“Agent运行时环境”，它默认维护三个独立状态层：

• Session Memory（会话记忆）：记录本次PPT制作过程中所有用户输入、Agent思考步骤、Skill返回结果。比如你问“第3页的数据图表能不能换成柱状图？”，它能精准定位到之前调用chart_skill时传入的参数，并只修改该次调用配置。

• Global Memory（全局记忆）：跨会话持久化存储。我把公司VI色值（#2563EB主色、#F9FAFB背景色）、常用字体栈（'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI'）、甚至客户Logo的Base64编码都存在这里。下次做新PPT时，Agent无需重复询问，自动注入样式。

• Skill Registry（技能注册中心）：这是最关键的差异点。在VS Code里，你要写一个Python脚本生成PPT，就得手动配置Python路径、安装依赖、处理进程通信；而在Cherry Studio里，你只需定义一个JSON文件：

{ "name": "ppt_skill", "description": "生成符合公司规范的网页PPT页面", "input_schema": { "type": "object", "properties": { "title": {"type": "string"}, "content": {"type": "array", "items": {"type": "string"}} } }, "endpoint": "http://localhost:8000/generate_ppt_page" }

Cherry Studio会自动将<tool_call>中的JSON转为HTTP POST请求，连headers（带Bearer token认证）都帮你封装好。这种声明式集成，让非Python开发者也能快速接入自定义能力。

注意：Cherry Studio的“Fetch Server”功能常被误解为“只是发HTTP请求”。实际上它是完整的微服务网关——支持请求重试（指数退避）、响应缓存（ETag校验）、错误熔断（连续3次500则暂停调用）。我在接入内部BI系统API时，靠它把原本30%的超时率压到了0.2%。

2.3 架构设计：网页PPT为何不走传统路线？

市面上90%的AI PPT工具最终输出PPTX或PDF，这看似合理，实则埋下三个隐患：第一是交付即冻结——客户说“把第2页的蓝色改成深蓝”，你得重新跑整个流程，无法局部更新；第二是交互能力归零——PPTX里放不了动态图表、点击展开的详情面板、实时数据刷新；第三是部署成本高——客户IT部门要装Office、配字体、开宏权限。而网页PPT直击痛点：

• 增量更新：每页PPT都是独立HTML片段，修改某页只需重生成对应文件，用Webpack的html-webpack-plugin可自动注入新内容。

• 原生交互：我在第4页嵌入了Chart.js动态图表，数据源来自fetch_skill从公司API拉取的实时指标，客户演示时能看到曲线随时间推移变化。

• 零依赖部署：最终产物是纯静态文件，扔进Nginx或GitHub Pages就能访问，连Node.js都不需要。客户IT反馈：“比部署一个Word文档还简单”。

这个选择不是炫技，而是把AI生成物从“文档”升维成“应用”，这才是Agent价值的放大器。

3. 核心细节解析：从模型接入到PPT渲染的7个关键控制点

3.1 DeepSeek V4本地部署：绕过API限制的实操细节

虽然DeepSeek官方提供API服务，但Agent场景下必须本地部署，原因有三：一是API有速率限制（V4 Pro版每分钟仅30次调用），而一个5页PPT平均触发12次Skill调用（含数据获取、图表生成、样式校验等），极易触发429；二是API返回的usage字段不包含token级消耗明细，无法做精细化成本核算；三是Agent需要毫秒级响应，公网延迟（平均85ms）会拖慢整个工作流。我采用Ollama+llama.cpp双轨方案：

• Ollama方案（开发调试用）：

  # 拉取官方V4模型（注意：必须用--quantize Q4_K_M量化，否则A100显存溢出） ollama pull deepseek-v4:q4_k_m # 启动时指定GPU设备（避免CPU fallback） OLLAMA_GPU_LAYERS=45 ollama run deepseek-v4:q4_k_m

  优势是启动快（15秒内），支持ollama list查看运行状态；缺点是内存占用高（单实例占12GB VRAM）。

• llama.cpp方案（生产部署用）：
  编译时启用CUDA加速：

  make clean && LLAMA_CUDA=1 make -j$(nproc) ./main -m ./models/deepseek-v4.Q4_K_M.gguf \ -c 4096 \ -ngl 45 \ -p "你是一个PPT制作Agent..." \ --port 8080

  关键参数解读：-c 4096设上下文长度为4K，匹配Cherry Studio默认Token上限；-ngl 45表示45层GPU卸载，实测在A100上比全CPU快17倍；--port 8080暴露HTTP接口，Cherry Studio通过http://localhost:8080/completion调用。

实操心得：V4的Q4_K_M量化版在A100上推理速度达38 tokens/sec，但首次响应有2.3秒冷启动延迟。我通过预热脚本解决：在Cherry Studio启动时，自动发送curl -X POST http://localhost:8080/preheat，触发模型加载，实测冷启延迟降至0.4秒。

3.2 Cherry Studio Skill开发：一个PPT页面生成器的完整实现

PPT生成Skill不是简单拼HTML，它要解决四个硬问题：语义到结构的映射、样式一致性保障、资源路径自动修正、安全沙箱隔离。我的ppt_skill后端用Python FastAPI实现：

from fastapi import FastAPI, HTTPException from pydantic import BaseModel import jinja2 import os app = FastAPI() class PPTRequest(BaseModel): title: str content: list[str] theme_color: str = "#2563EB" # 从Global Memory注入 # 使用Jinja2模板确保结构安全（防XSS） template = jinja2.Template(""" <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>{{ title }}</title> <style> :root { --primary: {{ theme_color }}; } .slide { background: white; padding: 2rem; } </style> </head> <body> <div class="slide"> <h1>{{ title }}</h1> {% for item in content %} <p>{{ item | safe }}</p> {% endfor %} </div> </body> </html> """) @app.post("/generate_ppt_page") async def generate_ppt(request: PPTRequest): try: # 关键：对content做白名单过滤（只允许<p><br><strong>等展示标签） from bs4 import BeautifulSoup cleaned_content = [] for item in request.content: soup = BeautifulSoup(item, "html.parser") # 移除所有script、iframe、onerror等危险属性 for tag in soup.find_all(True): tag.attrs = {k:v for k,v in tag.attrs.items() if k not in ['onclick','onerror','src'] or not v.startswith('javascript:')} cleaned_content.append(str(soup)) html = template.render(title=request.title, content=cleaned_content, theme_color=request.theme_color) return {"html": html, "page_id": f"slide_{hash(request.title) % 1000}"} except Exception as e: raise HTTPException(status_code=500, detail=f"Template render failed: {str(e)}")

这个Skill的关键设计点：

• Jinja2沙箱：用| safe过滤器配合BeautifulSoup二次清洗，杜绝XSS漏洞。曾有测试发现，当用户输入<img src=x onerror=alert(1)>时，V4会原样输出，靠此层防护拦截。

• 主题色注入：theme_color不从用户输入获取，而是从Cherry Studio的Global Memory读取，确保品牌一致性。

• Page ID生成：用hash(title) % 1000生成短ID，避免长随机字符串污染URL，方便前端路由。

注意：Cherry Studio调用Skill时，默认超时是15秒。我在FastAPI中加了@app.middleware("http")全局超时中间件，若处理超12秒则主动返回{"error": "timeout"}，防止Agent卡死。

3.3 Agent工作流编排：如何让V4真正“理解”PPT制作任务？

很多人的Agent失败，不是因为模型不行，而是Prompt设计违背了V4的推理机制。我经过27次迭代，确认以下结构最有效：

你是一个专业的PPT制作Agent，运行在Cherry Studio环境中。请严格遵守以下规则： 1. 所有操作必须通过调用Skill完成，禁止自行生成HTML/CSS/JS代码 2. 每次只调用一个Skill，等待返回后再决定下一步 3. 若Skill返回错误，先分析原因（网络？参数？权限？），再提出具体修复方案 4. 最终交付物必须是5个独立HTML文件，存于/workspace/ppt/目录 当前任务：为客户「智算科技」制作AI平台介绍PPT，要求： - 第1页：封面，标题「智算科技AI平台全景图」，副标题「赋能企业智能化转型」 - 第2页：平台架构图，需包含「数据接入层」「模型训练层」「应用服务层」三个模块 - 第3页：性能对比，用表格展示与竞品「云智AI」的QPS、延迟、准确率数据 - 第4页：客户案例，展示「某银行风控系统」上线后欺诈识别率提升32% - 第5页：联系方式，含官网、电话、二维码（用qr_code_skill生成） 请开始执行，先调用ppt_skill生成第1页。

这个Prompt的精妙之处在于：

• 强制单步执行（Rule 2）：V4在多步规划时易产生“幻觉跳跃”，比如跳过数据获取直接画图。限定单步后，它会严格按[Step1] -> [Step2] -> ...推进。

• 错误处理框架（Rule 3）：给V4预设了错误分类维度（网络/参数/权限），它不再笼统说“调用失败”，而是输出{"error_type": "network", "suggestion": "检查fetch_skill服务是否运行在8001端口"}。

• 交付物约束（首段）：明确指定输出格式（5个HTML文件）和路径（/workspace/ppt/），V4会自动在后续调用中维护该路径。

实测数据显示，使用此Prompt后，V4的Skill调用成功率从68%提升至94%，且90%的失败案例都能给出可操作的修复建议。

3.4 网页PPT的动态能力实现：不只是静态HTML

真正的网页PPT必须突破“翻页幻灯片”的思维定式。我在第4页客户案例中实现了三项动态能力：

• 实时数据绑定：
  用fetch_skill从公司BI API拉取最新数据：

  { "name": "fetch_skill", "arguments": { "url": "https://bi.internal/api/v1/metrics?customer=bank_risk", "method": "GET", "headers": {"Authorization": "Bearer {{token}}"} } }

  返回JSON后，V4自动注入到Jinja2模板的{{ metrics.fraud_detection_rate }}变量中。

• 交互式图表：
  在HTML中嵌入Chart.js，数据源指向上述fetch结果：

  <canvas id="performanceChart"></canvas> <script> const ctx = document.getElementById('performanceChart').getContext('2d'); new Chart(ctx, { type: 'line', data: { labels: {{ chart_data.labels | tojson }}, datasets: [{ label: '欺诈识别率', data: {{ chart_data.values | tojson }} }] } }); </script>

• 二维码动态生成：
  调用qr_code_skill生成联系页二维码：

  { "name": "qr_code_skill", "arguments": { "content": "https://zhisuan.tech/contact", "size": 300 } }

  Skill返回Base64图片字符串，直接插入<img src="data:image/png;base64,{{qr_data}}">。

这些能力让PPT从“演示文档”变成“业务看板”，客户在演示时能点击按钮切换不同银行案例，数据实时刷新——这才是Agent的价值所在。

3.5 安全加固：Agent环境的三道防火墙

开放Agent调用外部服务，安全是生死线。我部署了三层防护：

• 网络层隔离：
  Cherry Studio运行在Docker容器中，通过--network=host模式禁用默认桥接网络，所有Skill请求必须经由宿主机的iptables规则：

  # 只允许访问指定端口 iptables -A OUTPUT -p tcp --dport 8000 -d 127.0.0.1 -j ACCEPT iptables -A OUTPUT -p tcp --dport 8001 -d 127.0.0.1 -j ACCEPT iptables -A OUTPUT -j DROP

  这样即使V4被诱导调用curl http://malicious.site，也会被直接丢弃。

• Skill级鉴权：
  每个Skill的HTTP Endpoint都要求Bearer Token，Token由Cherry Studio在调用时注入：

  # FastAPI中间件校验 @app.middleware("http") async def verify_token(request: Request, call_next): auth = request.headers.get("Authorization") if not auth or not auth.startswith("Bearer "): raise HTTPException(status_code=401, detail="Missing token") if auth.split(" ")[1] != os.getenv("SKILL_TOKEN"): raise HTTPException(status_code=403, detail="Invalid token") return await call_next(request)

• 内容级过滤：
  如前所述，对所有用户输入的content字段做HTML白名单清洗，且禁用<script>、<iframe>、javascript:协议。实测可拦截99.97%的XSS攻击向量。

提示：Cherry Studio的“Unlimited Tab”功能常被滥用为多开恶意网站。我在启动脚本中加入：

# 启动时关闭所有非必要Tab cherry-studio --disable-features=Tabs --disable-gpu

强制Agent只运行在命令行模式，彻底杜绝UI层风险。

3.6 性能调优：让5页PPT生成时间从92秒压缩到11秒

初始版本耗时92秒，瓶颈在三处：V4冷启动、Skill串行调用、HTML渲染阻塞。优化后稳定在11秒（A100），关键措施：

• V4预热+连接池：
  启动时预热模型，并在FastAPI中复用HTTP连接：

  # 创建全局连接池 from httpx import AsyncClient client = AsyncClient( limits=httpx.Limits(max_connections=100), timeout=httpx.Timeout(10.0) )

• Skill并行化：
  将原本串行的5次ppt_skill调用，改为并行请求（Cherry Studio 2.3+支持）：

  [ {"name": "ppt_skill", "arguments": {"title": "封面", ...}}, {"name": "ppt_skill", "arguments": {"title": "架构图", ...}}, {"name": "fetch_skill", "arguments": {"url": "https://bi.api/data"}}, {"name": "qr_code_skill", "arguments": {"content": "contact"}} ]

  利用V4的多任务处理能力，4个请求并发执行。

• HTML懒加载：
  主页面index.html只包含导航栏和空白<div id="slide-container">，各页HTML通过fetch()按需加载：

  // 点击第3页时才加载 document.getElementById('nav-3').addEventListener('click', () => { fetch('/ppt/slide_3.html').then(r => r.text()).then(html => { document.getElementById('slide-container').innerHTML = html; }); });

  首屏渲染时间从8.2秒降至0.9秒。

3.7 交付物打包：一键生成可部署包的自动化脚本

最终交付不是一堆零散文件，而是一个ppt-package.zip，解压即用。我用Makefile实现全自动打包：

.PHONY: package package: @echo "📦 正在打包PPT交付物..." @mkdir -p dist/ppt @cp -r workspace/ppt/* dist/ppt/ @cp assets/logo.png dist/ppt/ @cp index.html dist/ppt/ @cd dist && zip -r ../ppt-package.zip ppt/ @echo "✅ 打包完成：ppt-package.zip (大小：$(shell du -sh dist/ppt | cut -f1))"

其中index.html是智能入口页：

<!DOCTYPE html> <html> <head> <title>智算科技AI平台</title> <script> // 自动检测浏览器语言，加载对应版本 const lang = navigator.language || 'zh-CN'; if (lang.startsWith('en')) { window.location.href = 'en/index.html'; } else { window.location.href = 'zh/index.html'; } </script> </head> </html>

客户收到zip包后，双击index.html即可在浏览器中全屏演示，完全脱离开发环境。

4. 实操过程全记录：从零搭建的12个关键步骤

4.1 环境准备：硬件与软件的最低可行配置

不要被“A100”吓到，这套方案在消费级显卡上同样可行。我实测的三档配置：

安装顺序必须严格遵循：

1. 先装CUDA 12.2（V4编译依赖）：

   wget https://developer.download.nvidia.com/compute/cuda/12.2.0/local_installers/cuda_12.2.0_535.54.03_linux.run sudo sh cuda_12.2.0_535.54.03_linux.run --silent --override

2. 再装Ollama（简化开发）：

   curl -fsSL https://ollama.com/install.sh | sh

3. 最后装Cherry Studio（桌面版）：
   从官网下载.deb包（Ubuntu/Debian）或.dmg（macOS），切勿用Snap安装——Snap沙箱会阻止Skill访问本地端口。

注意：RTX 3090用户需额外设置export CUDA_VISIBLE_DEVICES=0，否则Ollama会报cuInit failed。这是NVIDIA驱动兼容性问题，非模型缺陷。

4.2 模型拉取与量化：为什么必须用Q4_K_M？

V4官方提供多个量化版本，但只有Q4_K_M在A100上达到性能与精度平衡：

拉取命令：

# 查看可用版本 ollama list | grep deepseek # 拉取Q4_K_M（注意后缀） ollama pull deepseek-v4:q4_k_m

验证是否成功：

ollama run deepseek-v4:q4_k_m "你好，请用一句话介绍自己" # 应在2秒内返回，且不报错

4.3 Cherry Studio初始化：避开3个新手陷阱

首次启动Cherry Studio，90%的人会卡在这三步：

• 陷阱1：未启用Agent模式
  默认启动是“Chat Mode”，需在设置中开启：
  Settings → Agent → Enable Agent Mode ✔️
  并重启应用。

• 陷阱2：Global Memory未初始化
  点击左下角Memory图标，粘贴JSON：

  { "brand_primary": "#2563EB", "font_stack": "'Inter', -apple-system, BlinkMacSystemFont", "logo_base64": "data:image/png;base64,iVBORw0KGgoAAAANS..." }

  必须点击右上角Save按钮，否则重启后丢失。

• 陷阱3：Skill目录结构错误
  Cherry Studio要求Skill文件放在~/.cherry-studio/skills/，且每个Skill必须是独立文件夹：

  ~/.cherry-studio/skills/ ├── ppt_skill/ │ ├── skill.json # 必须 │ └── README.md └── fetch_skill/ ├── skill.json └── README.md

  skill.json中endpoint字段必须是绝对URL（如http://localhost:8000/generate），不能写/generate。

4.4 Skill注册全流程：以ppt_skill为例

1. 创建目录：

   mkdir -p ~/.cherry-studio/skills/ppt_skill

2. 编写skill.json：

   { "name": "ppt_skill", "description": "生成符合公司VI规范的网页PPT页面", "input_schema": { "type": "object", "properties": { "title": {"type": "string", "description": "页面标题"}, "content": { "type": "array", "items": {"type": "string"}, "description": "页面正文内容数组" } } }, "endpoint": "http://localhost:8000/generate_ppt_page", "authentication": { "type": "bearer", "token": "sk-abc123def456" } }

3. 在Cherry Studio中注册：
   Skills → Add Skill → Select Folder → ~/.cherry-studio/skills/ppt_skill
   成功后状态显示✅ Active。

提示：如果注册后显示❌ Inactive，90%是endpoint无法连通。用curl -v http://localhost:8000/health测试后端是否存活。

4.5 启动后端服务：FastAPI的最小可行配置

创建main.py：

from fastapi import FastAPI from pydantic import BaseModel import uvicorn app = FastAPI() class PPTRequest(BaseModel): title: str content: list[str] @app.post("/generate_ppt_page") async def generate(request: PPTRequest): return {"html": f"<h1>{request.title}</h1>" + "".join(f"<p>{c}</p>" for c in request.content)} if __name__ == "__main__": uvicorn.run(app, host="0.0.0.0", port=8000, workers=4)

启动命令：

pip install fastapi uvicorn uvicorn main:app --host 0.0.0.0 --port 8000 --workers 4

验证：

curl -X POST http://localhost:8000/generate_ppt_page \ -H "Content-Type: application/json" \ -d '{"title":"测试页","content":["第一段","第二段"]}'

4.6 Agent首次运行：调试模式下的关键观察点

在Cherry Studio中输入任务，开启View → Toggle Developer Tools，重点观察：

• Console标签页：
  查看V4的原始输出，确认是否包含<tool_call>块。若全是自然语言，说明Prompt未生效。

• Network标签页：
  过滤/completion，检查请求体中messages是否包含你写的System Prompt；过滤/generate_ppt_page，确认Skill调用是否发出。

• Memory标签页：
  运行后检查Session Memory是否新增了tool_calls和tool_results条目。

首次运行失败最常见的原因是：V4输出的JSON格式不合法（多逗号、少引号）。此时需在Prompt末尾加一句：
请确保<tool_call>中的JSON严格符合RFC 8259标准，无任何语法错误。

4.7 HTML模板精调：让PPT具备专业级视觉表现

基础模板只能生成文字，要达到演示级效果，需注入CSS框架。我选用Picnic CSS（极简、无JS依赖）：

<!-- 在模板<head>中引入 --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/picnic@7.0.0/picnic.min.css"> <style> .slide { max-width: 960px; margin: 0 auto; } .logo { position: absolute; top: 1rem; right: 1rem; width: 120px; } .footer { position: absolute; bottom: 1rem; left: 0; width: 100%; text-align: center; color: #6b7280; } </style>

并在<body>中添加：

<img src="/assets/logo.png" class="logo"> <div class="footer">© 2024 智算科技 | 机密等级：内部公开</div>

这样每页PPT自动带公司Logo和页脚，无需每次调用Skill时传参。

4.8 多页协同：如何让第3页的表格数据来自第2页的架构描述？

这是体现Agent“理解力”的关键测试。我的做法是：

1. 在第2页调用ppt_skill时，额外传入metadata：

   { "title": "平台架构图", "content": ["数据接入层：Kafka实时管道", "模型训练层：PyTorch分布式训练"], "metadata": {"arch_layers": ["data_ingestion", "model_training", "app_service"]} }

2. 在V4的System Prompt中定义规则：
   若当前页metadata包含arch_layers，则第3页表格的列名必须与此数组一一对应。

3. V4在生成第3页时，会主动读取Session Memory中第2页的metadata，并据此构造表格：

   <table> <tr><th>数据接入层</th><th>模型训练层</th><th>应用服务层</th></tr> <tr><td>Kafka</td><td>PyTorch</td><td>REST API</td></tr> </table>

这证明Agent不是孤立处理每页，而是构建了跨页的知识图谱。

4.9 交付包测试：模拟客户真实使用场景

不要在开发机上测试！必须用全新环境验证：

1. 在另一台电脑（或VM）安装Chrome浏览器
2. 解压ppt-package.zip到空文件夹
3. 双击index.html，检查：
   • 是否自动跳转到zh/index.html
   • 点击导航栏能否切换页面
   • 第4页图表数据是否加载（打开DevTools