让DeepSeek聊天记录秒变长篇图文和PPT的智能体，Claude3.7手把手喂饭教程！ 原创

文章生成的工作流由简单的大模型直接生成文章改为按章节段落迭代生成，并在段落生成时由 Claude3.7 大模型根据段落内容，直接总结凝练后，绘制成一张张网页版的 PPT 配图，最后再拼成一个完整的网页。

这个工作流还是蛮大的，消耗的 token 数量也是肉疼，好在结果让人欣慰，我们先来看一下智能体的实现效果。

怎么样？效果还是蛮不错吧，这个智能体能很大程度上解决我们做 PPT 的一些难点，因为市面上一些做 AI PPT的工具，都是直接套的模板，基本上不能直接用。

废话不多说，我们直接撸起袖子开始手搓这个智能体。

首先确定你的智能体开发环境是否部署，本文的智能体制作将由 Dify （0.15）版本制作，如果电脑没有部署，可以参考我之前的文章完成部署。

首先我们需要把需求分析清楚，这样在分析需求的过程中，你脑海中实际就已经把工作流给编排出来了。

我们的需求其实很明确，把我们跟 deepseek 的聊天记录，撰写成一篇主题明确，图文并茂的长篇文章。文章的配图可以直接用来做 PPT。

好，那我们可以把这个需求用大白话讲一下：

1.首先用剪存浏览器插件把 deepseek 聊天记录剪辑到云文档。

2.在工作流中读取云文档中的剪存内容，将其作为大模型文章撰写的上下文，并同时给大模型一个文章写作的题目（article_subject）和关键字(article_keywords)。

Dify如何获取云文档的内容，这个网上有很多详细的教程，我这里就不赘述了，记得云文档要公开互联网访问权限。

3.第三步，也是比较重要的环节，让大模型Claude3.7根据云文档的参考内容，以及你提供的文章主题和关键词，重新生成一篇精炼的类似于PPT大纲的内容。

为什么要选择Claude3.7呢，因为综合比较下来，这个的生成效果最好，我也试用了昨天发布的DeepSeek V3-0324，效果跟Claude3.7还是差一些。

下面是完整的提示词：

您是一位专业的内容分析专家，擅长将复杂文章转化为结构化内容。请根据以下指引，将提供的参考内容、主题
和关键词/转化为精炼的段落提要。




## 输入分析
1. 仔细分析所提供的上下文内容、主题和关键词
2. 识别文章中的核心论点、逻辑结构和关键信息点
3. 确定内容的最佳分段方式，通常为5-8个自然段落
4.每个段落必须表明段落1、段落2、段落3...


## 输出要求
对于每个识别出的自然段落，请提供：


### 段落提要 (50-100字)
- 提炼该段落的核心信息和要点
- 使用简洁明了的语言概括内容
- 可采用要点式或摘要式呈现
- 确保保留原文的关键术语和核心概念




## 格式要求
输出应遵循以下格式：


【段落1：标题】
[段落提要：50-100字的内容摘要]




【段落2：标题】
...以此类推
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.

4.第四步是整个智能体的关键，核心原理就是先通过参数提取，将第三步撰写的段落提出成列表变量，然后通过迭代的模式，让Claude3.7根据每一段的段落内容，直接使用Html和Css绘制成精美的图文。为了提高效率，我选择了并行模式。比如有7个段落，则7次迭代并发执行。通过变量聚合器把每次迭代生成的结果进行聚合。

完整提示词如下：

请根据提供的段落内容进行配图展示：


## 设计风格
- 整体风格采用Linear App风格的简约现代设计
- 使用清晰的视觉层次结构，关键内容通过字体大小、颜色或位置突出




## 技术实现
- 只输出单个顶层div元素（宽度800px）及其内部内容，不包含html、head、body标签
- 使用内联CSS样式（style属性）或内部<style>标签进行样式定义
- 采用CSS Grid或Flexbox布局实现复杂排版
- 配色使用CSS变量(--color-primary, --color-background等)方便主题切换




## 输出格式
- 仅提供单个顶层div容器及其内部内容的HTML代码
- 所有样式应当内联或包含在内部<style>标签中
- 必要的JavaScript放在div底部的<script>标签中
- 代码应当格式化良好，包含适当缩进和注释
- 总体结构应当简洁，无冗余嵌套或不必要的元素


请直接输出div代码，确保其可以作为独立模块插入到任何HTML页面中，无需额外依赖。
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.

5.最后需要将生成的网页代码聚合到一个网页中，Dify生成的网页加了很多\n等符号，没法直接复制展示，所以我直接使用Fastapi编写了一个接口，能直接将生成的网页结果经过清洗后，生成一个可以直接访问的网址。

完工！

整体来说，这是一个比较简单但是非常有用的智能体，它的应用场景将非常广泛。但是这个还只是初级的版本，大家可以在我的基础上进行调整，比如网页生成的风格、内容等等。

下面请大家欣赏一下整体的长篇图文效果。

文章主题：智能体是什么？关键词：智能体

本文转载自公众号九歌AI大模型  作者：九歌AI

原文链接：​​https://mp.weixin.qq.com/s/NkP88NGYn3rMMnpxsZGnTA​​