AI在用|ChatGPT、Claude 3助攻，1分鐘GET高顏值思維導圖

以大模型、AIGC為代表的人工智慧浪潮已經在悄然改變著我們生活及工作方式，但絕大部分人依然不知道該如何使用。

因此，我們推出了「AI在用」專欄，透過直觀、有趣且簡潔的人工智慧使用案例，來具體介紹AI使用方法，並激發大家思考。

我們也歡迎讀者投稿親自實踐的創新型用例。

流程圖和圖表都是一些常見的視覺化工具，就像思維的"助手"，幫我們更好地理解、記憶和表達各種知識和想法。

例如，思維導圖就像我們大腦中的一張地圖,把各種想法和資訊用分支連線起來。流程圖則像一本"說明書"，用各種形狀和箭頭清晰地告訴我們一件事情的步驟和順序。圖表讓資訊、資料、概念之間的關係一目瞭然。

燈泡突然不亮了咋辦？流程圖清楚寫明瞭診斷步驟。

今天我們介紹兩位 X 使用者使用領先大模型建立流程圖和思維導圖的用例，操作非常簡單。先看看如何使用 Claude 3 和 ChatGPT 建立流程圖。

一位使用 Claude 3 Opus 建立了一個決定晚上吃啥的流程圖。

• 案例地址：https://twitter.com/dr_cintas/status/1773372817024696505

首選，訪問 http://claude.ai 並輸入提示：“為（具體主題）製作流程圖”。

主題內容根據自己的需求確定，這個案例的討論主題是晚飯吃什麼。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

請注意，這個案例中的 Claude 3 Opus 似乎預設了採用 Markdown 格式來完成輸出（至於為什麼需要這個格式，後面會講到）。

但在實踐中 Claude 3 Opus的輸出未必預設 Markdown 文字，也有可能是其他格式。這個時候，如果輸出內容符合你的要求，你可以透過輸入提示“用 Markdown 格式建立這個思維導圖” ，獲取 Markdown 格式的輸出。

接下來，提要求，修改任何你不喜歡的地方。比如，更改圖示的顏色、符號、增加層級或者對一些概念的解釋等。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

最後，轉到 http://mermaid.live ，將 Claude 3 生成的 Markdown 程式碼貼上到左框，右框就會出現對應的流程圖，大功告成。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

這裡需要解釋一下。mermaid-live-editor 是一個基於 Javascript 的線上編輯器（介面部分如下圖），可以透過解析類 Markdown 的文字語法實現常見圖表（流程圖、時序圖、甘特圖、餅圖、類圖等）的建立和動態修改。在這個編輯器裡， 使用者可以不斷修改、編輯 Mermaid 程式碼，實時預覽生成效果，實現自己創作目的。

mermaid-live-editor 的介面，將 Markdown 程式碼貼上到左框當中，右框就會出現對應的流程圖。

你也可以使用 ChatGPT 建立流程圖。事實上， ChatGPT 非常擅長輸出 Markdown 文字，X 使用者 @HeyAbhishekk 就利用 ChatGPT 做了一張學習 Python 的流程圖（下圖）：

• 案例地址：
  https://twitter.com/HeyAbhishekk/status/1771170975595528281

首先，輸入提示，“ 建立一個從基礎開始，循序漸進掌握 Python 的學習路線圖。”

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

接下來，要求 ChatGPT “根據輸出建立一個流程圖，將下級標題並列放在一起。” 當然，你可以在這個環節指定任何特定的格式安排。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

當你覺得修改差不多了，就可以要求 ChatGPT 根據結果建立 Mermaid 程式碼，將這些程式碼貼到 draw. io（一款開源免費的流程圖繪製軟體）。在這裡，你可以定製圖表的顏色、樣式和形狀。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

介紹完流程圖的建立方式，最後，我們看看如何使用 ChatGPT 建立思維導圖。

• 案例地址：
  https://twitter.com/HeyAbhishekk/status/1772620564903186861

輸入提示，“建立一個關於（特定主題）的思維導圖。將這個主題作為思維導圖的中心，圍繞中心延伸出主要分支和次級分支。”

主題內容依據你的實際需求而定。這個案例的主題是生態系統的思維導圖。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

當 ChatGPT 返回輸出後，要求它“ 用 Markdown 的格式來建立這個思維導圖”，將導圖轉化為 Markdown 格式的輸出。

影片連結：https://mp.weixin.qq.com/s/8TtKrurytHlltHzvHUKfXA

Markmap 是一個非常有用的工具，可以將 Markdown 程式碼中的連結、加粗、刪除線、斜體、單行程式碼、程式碼塊、數學公式等內容轉換成思維導圖。不少人會用 Markdown 記錄會議或者課堂的要點，再用 Markmap 轉換成思維導圖，更加直觀地瞭解內容結構和關鍵點。

在這個軟體中，點選右邊"Download as SVG" 可以匯出為 SVG 的圖片。點選 "Download as interactive HTML" 可以匯出為一個互動式的網頁（比如，你可以透過點選滑鼠來摺疊或擴充套件節點）。

Markmap 的介面，左邊是貼上進來的Markdown 程式碼，右邊就是轉換後的思維導圖。

百聞不如一試。熟練駕馭大模型的做圖技能，還是需要自己嘗試不同的提示和結構。使用者 @HeyAbhishekk 還提供了 20 個強大的提示（如下），幫助我們更好地利用大模型的這一能力，提升問題解決的能力。

例如，SWOT分析。提示：“我正在嘗試評估一個專案，但不知道如何評估它的優勢、劣勢、機會和威脅。你能解釋一下 SWOT 分析如何幫助我嗎？”

艾森豪威爾矩陣。提示：“我正在努力想要有效地管理時間。您能解釋一下艾森豪威爾矩陣如何幫助我確定任務的優先順序嗎？”

思維導圖。提示：“我需要為一個專案整理我的想法和想法。您能解釋一下思維導圖如何幫助我有效地集思廣益嗎？”

以後我們會透過新專欄帶來更多 AIGC 案例演示，也歡迎大家留言評論並給出改進建議。