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

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

怎么樣？效果還是蠻不錯(cuò)吧，這個(gè)智能體能很大程度上解決我們做 PPT 的一些難點(diǎn)，因?yàn)槭忻嫔弦恍┳?AI PPT的工具，都是直接套的模板，基本上不能直接用。

廢話不多說(shuō)，我們直接擼起袖子開(kāi)始手搓這個(gè)智能體。

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

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

我們的需求其實(shí)很明確，把我們跟 deepseek 的聊天記錄，撰寫(xiě)成一篇主題明確，圖文并茂的長(zhǎng)篇文章。文章的配圖可以直接用來(lái)做 PPT。

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

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

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

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

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

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

下面是完整的提示詞：

您是一位專業(yè)的內(nèi)容分析專家，擅長(zhǎng)將復(fù)雜文章轉(zhuǎn)化為結(jié)構(gòu)化內(nèi)容。請(qǐng)根據(jù)以下指引，將提供的參考內(nèi)容、主題
和關(guān)鍵詞/轉(zhuǎn)化為精煉的段落提要。




## 輸入分析
1. 仔細(xì)分析所提供的上下文內(nèi)容、主題和關(guān)鍵詞
2. 識(shí)別文章中的核心論點(diǎn)、邏輯結(jié)構(gòu)和關(guān)鍵信息點(diǎn)
3. 確定內(nèi)容的最佳分段方式，通常為5-8個(gè)自然段落
4.每個(gè)段落必須表明段落1、段落2、段落3...


## 輸出要求
對(duì)于每個(gè)識(shí)別出的自然段落，請(qǐng)?zhí)峁?

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




## 格式要求
輸出應(yīng)遵循以下格式：


【段落1：標(biāo)題】
[段落提要：50-100字的內(nèi)容摘要]




【段落2：標(biāo)題】
...以此類推

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

完整提示詞如下：

請(qǐng)根據(jù)提供的段落內(nèi)容進(jìn)行配圖展示：


## 設(shè)計(jì)風(fēng)格
- 整體風(fēng)格采用Linear App風(fēng)格的簡(jiǎn)約現(xiàn)代設(shè)計(jì)
- 使用清晰的視覺(jué)層次結(jié)構(gòu)，關(guān)鍵內(nèi)容通過(guò)字體大小、顏色或位置突出




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




## 輸出格式
- 僅提供單個(gè)頂層div容器及其內(nèi)部?jī)?nèi)容的HTML代碼
- 所有樣式應(yīng)當(dāng)內(nèi)聯(lián)或包含在內(nèi)部<style>標(biāo)簽中
- 必要的JavaScript放在div底部的<script>標(biāo)簽中
- 代碼應(yīng)當(dāng)格式化良好，包含適當(dāng)縮進(jìn)和注釋
- 總體結(jié)構(gòu)應(yīng)當(dāng)簡(jiǎn)潔，無(wú)冗余嵌套或不必要的元素


請(qǐng)直接輸出div代碼，確保其可以作為獨(dú)立模塊插入到任何HTML頁(yè)面中，無(wú)需額外依賴。

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

完工！

整體來(lái)說(shuō)，這是一個(gè)比較簡(jiǎn)單但是非常有用的智能體，它的應(yīng)用場(chǎng)景將非常廣泛。但是這個(gè)還只是初級(jí)的版本，大家可以在我的基礎(chǔ)上進(jìn)行調(diào)整，比如網(wǎng)頁(yè)生成的風(fēng)格、內(nèi)容等等。

下面請(qǐng)大家欣賞一下整體的長(zhǎng)篇圖文效果。

文章主題：智能體是什么？關(guān)鍵詞：智能體

本文轉(zhuǎn)載自公眾號(hào)九歌AI大模型  作者：九歌AI

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