文章生成的工作流由簡單的大模型直接生成文章改為按章節(jié)段落迭代生成，并在段落生成時由 Claude3.7 大模型根據(jù)段落內容，直接總結凝練后，繪制成一張張網(wǎng)頁版的 PPT 配圖，最后再拼成一個完整的網(wǎng)頁。

這個工作流還是蠻大的，消耗的 token 數(shù)量也是肉疼，好在結果讓人欣慰，我們先來看一下智能體的實現(xiàn)效果。

怎么樣？效果還是蠻不錯吧，這個智能體能很大程度上解決我們做 PPT 的一些難點，因為市面上一些做 AI PPT的工具，都是直接套的模板，基本上不能直接用。

廢話不多說，我們直接擼起袖子開始手搓這個智能體。

首先確定你的智能體開發(fā)環(huán)境是否部署，本文的智能體制作將由 Dify （0.15）版本制作，如果電腦沒有部署，可以參考我之前的文章完成部署。

首先我們需要把需求分析清楚，這樣在分析需求的過程中，你腦海中實際就已經(jīng)把工作流給編排出來了。

我們的需求其實很明確，把我們跟 deepseek 的聊天記錄，撰寫成一篇主題明確，圖文并茂的長篇文章。文章的配圖可以直接用來做 PPT。

好，那我們可以把這個需求用大白話講一下：

1.首先用剪存瀏覽器插件把 deepseek 聊天記錄剪輯到云文檔。

2.在工作流中讀取云文檔中的剪存內容，將其作為大模型文章撰寫的上下文，并同時給大模型一個文章寫作的題目（article_subject）和關鍵字(article_keywords)。

Dify如何獲取云文檔的內容，這個網(wǎng)上有很多詳細的教程，我這里就不贅述了，記得云文檔要公開互聯(lián)網(wǎng)訪問權限。

3.第三步，也是比較重要的環(huán)節(jié)，讓大模型Claude3.7根據(jù)云文檔的參考內容，以及你提供的文章主題和關鍵詞，重新生成一篇精煉的類似于PPT大綱的內容。

為什么要選擇Claude3.7呢，因為綜合比較下來，這個的生成效果最好，我也試用了昨天發(fā)布的DeepSeek V3-0324，效果跟Claude3.7還是差一些。

下面是完整的提示詞：

您是一位專業(yè)的內容分析專家，擅長將復雜文章轉化為結構化內容。請根據(jù)以下指引，將提供的參考內容、主題
和關鍵詞/轉化為精煉的段落提要。




## 輸入分析
1. 仔細分析所提供的上下文內容、主題和關鍵詞
2. 識別文章中的核心論點、邏輯結構和關鍵信息點
3. 確定內容的最佳分段方式，通常為5-8個自然段落
4.每個段落必須表明段落1、段落2、段落3...


## 輸出要求
對于每個識別出的自然段落，請?zhí)峁?

### 段落提要 (50-100字)
- 提煉該段落的核心信息和要點
- 使用簡潔明了的語言概括內容
- 可采用要點式或摘要式呈現(xiàn)
- 確保保留原文的關鍵術語和核心概念




## 格式要求
輸出應遵循以下格式：


【段落1：標題】
[段落提要：50-100字的內容摘要]




【段落2：標題】
...以此類推

4.第四步是整個智能體的關鍵，核心原理就是先通過參數(shù)提取，將第三步撰寫的段落提出成列表變量，然后通過迭代的模式，讓Claude3.7根據(jù)每一段的段落內容，直接使用Html和Css繪制成精美的圖文。為了提高效率，我選擇了并行模式。比如有7個段落，則7次迭代并發(fā)執(zhí)行。通過變量聚合器把每次迭代生成的結果進行聚合。

完整提示詞如下：

請根據(jù)提供的段落內容進行配圖展示：


## 設計風格
- 整體風格采用Linear App風格的簡約現(xiàn)代設計
- 使用清晰的視覺層次結構，關鍵內容通過字體大小、顏色或位置突出




## 技術實現(xiàn)
- 只輸出單個頂層div元素（寬度800px）及其內部內容，不包含html、head、body標簽
- 使用內聯(lián)CSS樣式（style屬性）或內部<style>標簽進行樣式定義
- 采用CSS Grid或Flexbox布局實現(xiàn)復雜排版
- 配色使用CSS變量(--color-primary, --color-background等)方便主題切換




## 輸出格式
- 僅提供單個頂層div容器及其內部內容的HTML代碼
- 所有樣式應當內聯(lián)或包含在內部<style>標簽中
- 必要的JavaScript放在div底部的<script>標簽中
- 代碼應當格式化良好，包含適當縮進和注釋
- 總體結構應當簡潔，無冗余嵌套或不必要的元素


請直接輸出div代碼，確保其可以作為獨立模塊插入到任何HTML頁面中，無需額外依賴。

5.最后需要將生成的網(wǎng)頁代碼聚合到一個網(wǎng)頁中，Dify生成的網(wǎng)頁加了很多\n等符號，沒法直接復制展示，所以我直接使用Fastapi編寫了一個接口，能直接將生成的網(wǎng)頁結果經(jīng)過清洗后，生成一個可以直接訪問的網(wǎng)址。

完工！

整體來說，這是一個比較簡單但是非常有用的智能體，它的應用場景將非常廣泛。但是這個還只是初級的版本，大家可以在我的基礎上進行調整，比如網(wǎng)頁生成的風格、內容等等。

下面請大家欣賞一下整體的長篇圖文效果。

文章主題：智能體是什么？關鍵詞：智能體

本文轉載自公眾號九歌AI大模型  作者：九歌AI

原文鏈接：??https://mp.weixin.qq.com/s/NkP88NGYn3rMMnpxsZGnTA??