本文將介紹一種新興的高效工具組合：AI與Mermaid。通過結(jié)合人工智能的強(qiáng)大生成能力和Mermaid簡(jiǎn)潔高效的文本圖表繪制功能，產(chǎn)品經(jīng)理可以大幅提升工作效率，快速生成清晰的業(yè)務(wù)流程圖、系統(tǒng)交互圖、項(xiàng)目進(jìn)度圖等多種圖表，同時(shí)減少因需求變更帶來的重復(fù)工作。

作為一名產(chǎn)品經(jīng)理，你是否曾經(jīng)為了向開發(fā)團(tuán)隊(duì)解釋一個(gè)復(fù)雜的業(yè)務(wù)流程而絞盡腦汁？或者在產(chǎn)品評(píng)審會(huì)上，因?yàn)橐粡埐粔蛑庇^的流程圖而被質(zhì)疑？又或者，你花了大量時(shí)間制作精美的流程圖，卻發(fā)現(xiàn)一個(gè)小小的需求變更就要重新繪制整個(gè)圖表？

在過去的星球知識(shí)分享或者是公眾號(hào)文章中，我曾經(jīng)推薦過很多次Mermaid的這個(gè)工具，但是有不少朋友因?yàn)橛洸蛔∷恼Z(yǔ)法規(guī)則，不知道怎么高效率的輸出相關(guān)圖形，所以就沒什么動(dòng)力去學(xué)習(xí)和使用它。但是隨著大語(yǔ)言模型的持續(xù)迭代發(fā)展，現(xiàn)在的主流大語(yǔ)言模型及相關(guān)的產(chǎn)品都可以通過文字描述快速生成合適的Mermaid代碼，從而大大降低了文本繪圖的難度和門檻。

所以今天，我非常想再次給大家安利和推薦一下Mermaid這個(gè)產(chǎn)品，以及如何將它與AI結(jié)合，大幅提升我們?nèi)粘５墓ぷ餍省?/p>

什么是Mermaid？

Mermaid是一種基于文本的圖表繪制工具，它允許我們使用類似于Markdown的語(yǔ)法來創(chuàng)建各種類型的圖表。簡(jiǎn)單來說，你只需要寫一些特定格式的文本，Mermaid就能自動(dòng)將其轉(zhuǎn)換為美觀的圖表。

一款产品无到有，产品经理需要做些什么？

在一个产品从无到有的过程中，要做好产品经理这个角色实在是不容易，除了大家都知道的写需求、写需求、写需求，要做的事多着呢。产品经理不是你眼中的只会找你麻烦，提要求..

查看详情 >

比如，當(dāng)我需要繪制一個(gè)簡(jiǎn)單的流程圖時(shí)，只需要寫這樣的代碼：

這段代碼會(huì)自動(dòng)生成一個(gè)從上到下的流程圖，清晰地展示訂單處理的基本流程。

你可能會(huì)想，這不就是寫代碼嗎？作為產(chǎn)品經(jīng)理，我們需要學(xué)習(xí)編程？別擔(dān)心，Mermaid的語(yǔ)法非常簡(jiǎn)單直觀，更像是在寫結(jié)構(gòu)化的文本，而不是編程。即使你沒有任何編程基礎(chǔ)，也能在短時(shí)間內(nèi)掌握它的基本用法。

Mermaid支持多種圖表類型，包括但不限于：

• 流程圖（Flowchart）
• 時(shí)序圖（Sequence Diagram）
• 甘特圖（Gantt Chart）
• 類圖（Class Diagram）
• 狀態(tài)圖（State Diagram）
• 餅圖（Pie Chart）
• 用戶旅程圖（User Journey）

這些圖表類型幾乎覆蓋了我們?cè)诋a(chǎn)品工作中需要用到的所有圖表形式。無論是梳理業(yè)務(wù)流程、描述系統(tǒng)交互、規(guī)劃項(xiàng)目進(jìn)度，還是展示數(shù)據(jù)分布，Mermaid都能勝任。

Mermaid是一種基于文本的圖表繪制工具，使用簡(jiǎn)單的語(yǔ)法就能創(chuàng)建各種專業(yè)圖表，無需編程基礎(chǔ)，適合產(chǎn)品經(jīng)理日常工作使用。

為什么要學(xué)習(xí)Mermaid？

大多數(shù)產(chǎn)品經(jīng)理在繪制流程圖時(shí)，選擇的工具選擇通常是Visio、ProcessOn、Axure或者Draw.io這類專業(yè)繪圖軟件。它們功能強(qiáng)大，但使用起來也有一些痛點(diǎn)：

• 修改成本高：當(dāng)業(yè)務(wù)流程有變更時(shí)（這在供應(yīng)鏈領(lǐng)域幾乎是家常便飯），需要重新調(diào)整圖形、連線，有時(shí)甚至需要重新繪制整個(gè)圖表。
• 版本管理困難：圖形文件通常以二進(jìn)制格式保存，無法像代碼一樣進(jìn)行差異比較和版本控制。
• 協(xié)作不便：團(tuán)隊(duì)成員要么需要安裝相同的軟件，要么需要依賴特定的在線平臺(tái)。
• 與文檔分離：圖表通常需要單獨(dú)導(dǎo)出為圖片，然后插入到文檔中，這使得后續(xù)維護(hù)變得復(fù)雜。

而Mermaid恰好解決了這些問題：

首先，Mermaid是基于文本的，這意味著你可以像編輯文本一樣編輯圖表。當(dāng)業(yè)務(wù)流程發(fā)生變化時(shí)，你只需要修改相應(yīng)的文本描述，而不是重新調(diào)整圖形元素。比如，在上面的訂單處理流程中，如果我們需要增加一個(gè)”客戶確認(rèn)”的步驟，只需要添加一行文本即可。

其次，由于Mermaid圖表本質(zhì)上是文本，它可以輕松地納入版本控制系統(tǒng)（如Git）。你可以清晰地看到每次修改的內(nèi)容，追蹤圖表的演變歷程，甚至可以回滾到之前的版本。

第三，Mermaid的文本特性使得協(xié)作變得簡(jiǎn)單。團(tuán)隊(duì)成員可以直接在文本編輯器中修改圖表描述，無需依賴特定的繪圖軟件。而且，許多常用的文檔工具（如語(yǔ)雀、飛書、釘釘、Notion、Confluence）都已經(jīng)內(nèi)置了Mermaid支持，使得分享和協(xié)作更加便捷。

最后，Mermaid可以直接嵌入到Markdown文檔中，成為文檔的一部分。這意味著你的圖表和文檔是一體的，可以一起維護(hù)和更新，大大降低了文檔維護(hù)的成本。

在供應(yīng)鏈領(lǐng)域，我們經(jīng)常需要處理復(fù)雜的業(yè)務(wù)流程和系統(tǒng)交互。比如，一個(gè)完整的訂單履約流程可能涉及訂單管理系統(tǒng)（OMS）、倉(cāng)庫(kù)管理系統(tǒng)（WMS）、運(yùn)輸管理系統(tǒng)（TMS）等多個(gè)系統(tǒng)的協(xié)作。使用Mermaid，我們可以清晰地描述這些系統(tǒng)之間的交互，并且在業(yè)務(wù)變更時(shí)快速調(diào)整圖表。

這個(gè)時(shí)序圖清晰地展示了訂單從客戶下單到最終配送的整個(gè)流程，以及各個(gè)系統(tǒng)之間的交互。如果流程有變更，我們只需要修改相應(yīng)的文本描述即可。

小結(jié)：學(xué)習(xí)Mermaid能夠幫助產(chǎn)品經(jīng)理解決傳統(tǒng)繪圖工具的痛點(diǎn)，包括修改成本高、版本管理困難、協(xié)作不便和與文檔分離等問題。特別是在供應(yīng)鏈這樣流程復(fù)雜且經(jīng)常變更的領(lǐng)域，Mermaid的優(yōu)勢(shì)更加明顯。

Mermaid在產(chǎn)品工作中的高頻場(chǎng)景

作為供應(yīng)鏈產(chǎn)品經(jīng)理，我們的日常工作涉及多種場(chǎng)景，Mermaid在這些場(chǎng)景中都能發(fā)揮重要作用。下面，我將結(jié)合實(shí)際案例，分享Mermaid在幾個(gè)高頻工作場(chǎng)景中的應(yīng)用。

1. 業(yè)務(wù)流程梳理

在開始一個(gè)新項(xiàng)目或優(yōu)化現(xiàn)有系統(tǒng)時(shí)，梳理業(yè)務(wù)流程是必不可少的步驟。傳統(tǒng)的方式是使用流程圖軟件繪制，但這往往耗時(shí)且難以迭代。

以庫(kù)存管理為例，我曾經(jīng)需要梳理一個(gè)從采購(gòu)計(jì)劃到庫(kù)存調(diào)撥的完整流程。使用Mermaid，我可以這樣描述：

graph LR? ?
A[銷售預(yù)測(cè)] –> B[需求計(jì)劃]? ?
B –> C[采購(gòu)計(jì)劃]? ?
C –> D[采購(gòu)訂單]? ?
D –> E[入庫(kù)]? ?
E –> F[庫(kù)存管理]? ?
F –> G{庫(kù)存是否充足?}? ?
G –>|是| H[正常銷售]? ?
G –>|否| I[庫(kù)存調(diào)撥]? ?
I –> J[緊急采購(gòu)]? ?
J –> D? ?
I –> K[調(diào)整銷售策略]

這個(gè)流程圖清晰地展示了庫(kù)存管理的主要環(huán)節(jié)和決策點(diǎn)。當(dāng)我與業(yè)務(wù)部門討論時(shí)，可以直接在會(huì)議中修改這個(gè)圖表，實(shí)時(shí)反映大家的意見。

更重要的是，這個(gè)流程圖可以作為產(chǎn)品需求文檔的一部分，幫助開發(fā)團(tuán)隊(duì)理解業(yè)務(wù)邏輯。當(dāng)流程有變更時(shí)，我只需要修改相應(yīng)的文本描述，而不是重新繪制整個(gè)圖表。

2. 系統(tǒng)交互設(shè)計(jì)

在供應(yīng)鏈系統(tǒng)中，不同模塊之間的交互往往非常復(fù)雜。使用Mermaid的時(shí)序圖，我們可以清晰地描述這些交互。

比如，在設(shè)計(jì)一個(gè)跨倉(cāng)調(diào)撥功能時(shí)，我需要整理調(diào)出倉(cāng)，在途庫(kù)存，調(diào)入倉(cāng)這三個(gè)核心對(duì)象的交互流程：

這個(gè)時(shí)序圖不僅展示了主體之間的交互順序，還明確了每個(gè)主體的職責(zé)邊界。在與開發(fā)團(tuán)隊(duì)溝通時(shí)，這樣的圖表能夠幫助大家快速達(dá)成共識(shí)，避免理解偏差。

3. 狀態(tài)流轉(zhuǎn)設(shè)計(jì)

在供應(yīng)鏈系統(tǒng)中，訂單、庫(kù)存、物流等實(shí)體往往有復(fù)雜的狀態(tài)流轉(zhuǎn)。使用Mermaid的狀態(tài)圖，我們可以直觀地展示這些狀態(tài)及其轉(zhuǎn)換條件。

以訂單狀態(tài)為例：

這個(gè)狀態(tài)圖清晰地展示了訂單從創(chuàng)建到結(jié)束的所有可能狀態(tài)和轉(zhuǎn)換路徑。在設(shè)計(jì)訂單管理系統(tǒng)時(shí)，這樣的圖表能夠幫助我們確保覆蓋所有狀態(tài)轉(zhuǎn)換場(chǎng)景，避免遺漏。

4. 項(xiàng)目規(guī)劃與進(jìn)度跟蹤

作為產(chǎn)品經(jīng)理，我們經(jīng)常需要規(guī)劃項(xiàng)目進(jìn)度并跟蹤執(zhí)行情況。Mermaid的甘特圖功能非常適合這個(gè)場(chǎng)景。

比如，在規(guī)劃一個(gè)庫(kù)存優(yōu)化項(xiàng)目時(shí)：

這個(gè)甘特圖直觀地展示了項(xiàng)目各階段的時(shí)間安排和依賴關(guān)系。在項(xiàng)目進(jìn)行過程中，我們可以隨時(shí)更新圖表，反映實(shí)際進(jìn)度。

5. 數(shù)據(jù)分析與可視化

在供應(yīng)鏈決策中，數(shù)據(jù)分析是必不可少的環(huán)節(jié)。Mermaid提供了餅圖等簡(jiǎn)單的數(shù)據(jù)可視化工具，適合在產(chǎn)品文檔中展示一些基本的數(shù)據(jù)分布。

比如，在分析庫(kù)存結(jié)構(gòu)時(shí)：

這個(gè)餅圖直觀地展示了不同類別商品在庫(kù)存中的占比，幫助我們識(shí)別重點(diǎn)關(guān)注的商品類別。

Mermaid在產(chǎn)品工作的多個(gè)場(chǎng)景中都能發(fā)揮重要作用，包括業(yè)務(wù)流程梳理、系統(tǒng)交互設(shè)計(jì)、狀態(tài)流轉(zhuǎn)設(shè)計(jì)、項(xiàng)目規(guī)劃與進(jìn)度跟蹤，以及簡(jiǎn)單的數(shù)據(jù)分析與可視化。通過這些應(yīng)用，我們可以提高工作效率，改善溝通質(zhì)量，確保產(chǎn)品設(shè)計(jì)的完整性和準(zhǔn)確性。

Mermaid的一些AI通用提示詞

在使用Mermaid的過程中，我總結(jié)了一些通用的AI提示詞（Prompt），可以幫助你借更高效地創(chuàng)建各類圖表。特別是當(dāng)你將Mermaid與AI工具（如ChatGPT）結(jié)合使用時(shí)，這些提示詞能夠幫助你快速獲得想要的圖表。

流程圖提示詞

當(dāng)你需要?jiǎng)?chuàng)建業(yè)務(wù)流程圖時(shí)，可以使用類似這樣的提示詞：

請(qǐng)使用Mermaid語(yǔ)法創(chuàng)建一個(gè)流程圖，描述電商平臺(tái)的訂單履約流程，從用戶下單到收貨的完整過程，包括訂單創(chuàng)建、支付、倉(cāng)庫(kù)處理、物流配送等環(huán)節(jié)。

這樣的提示詞明確了圖表類型（流程圖）、主題（訂單履約流程）和需要包含的關(guān)鍵環(huán)節(jié)，AI工具能夠據(jù)此生成相應(yīng)的Mermaid代碼。

如果你對(duì)流程圖的方向有特定要求，可以在提示詞中明確指出：

請(qǐng)使用Mermaid語(yǔ)法創(chuàng)建一個(gè)從左到右（LR）的流程圖，描述庫(kù)存補(bǔ)貨流程，包括銷售預(yù)測(cè)、需求計(jì)劃、采購(gòu)計(jì)劃、供應(yīng)商確認(rèn)、入庫(kù)等環(huán)節(jié)。

時(shí)序圖提示詞

對(duì)于系統(tǒng)交互設(shè)計(jì)，時(shí)序圖是非常有用的工具。你可以使用這樣的提示詞：

請(qǐng)使用Mermaid語(yǔ)法創(chuàng)建一個(gè)時(shí)序圖，描述在訂單取消場(chǎng)景下，OMS、WMS、支付系統(tǒng)之間的交互流程，包括取消指令的傳遞、庫(kù)存釋放、退款處理等步驟。

這個(gè)提示詞明確了圖表類型（時(shí)序圖）、場(chǎng)景（訂單取消）和涉及的系統(tǒng)（OMS、WMS、支付系統(tǒng)），以及需要關(guān)注的關(guān)鍵步驟。

狀態(tài)圖提示詞

對(duì)于狀態(tài)流轉(zhuǎn)設(shè)計(jì)，你可以使用這樣的提示詞：

請(qǐng)使用Mermaid語(yǔ)法創(chuàng)建一個(gè)狀態(tài)圖，描述采購(gòu)訂單的生命周期，包括草稿、已提交、審核中、已審核、執(zhí)行中、部分收貨、全部收貨、已關(guān)閉等狀態(tài)，以及各狀態(tài)之間的轉(zhuǎn)換條件。

這個(gè)提示詞明確了圖表類型（狀態(tài)圖）、主題（采購(gòu)訂單生命周期）和需要包含的狀態(tài)及轉(zhuǎn)換條件。

甘特圖提示詞

對(duì)于項(xiàng)目規(guī)劃，你可以使用這樣的提示詞：

請(qǐng)使用Mermaid語(yǔ)法創(chuàng)建一個(gè)甘特圖，描述一個(gè)為期3個(gè)月的庫(kù)存優(yōu)化項(xiàng)目，包括需求分析、系統(tǒng)設(shè)計(jì)、開發(fā)、測(cè)試、上線等階段，明確各階段的時(shí)間安排和依賴關(guān)系。

這個(gè)提示詞明確了圖表類型（甘特圖）、項(xiàng)目主題（庫(kù)存優(yōu)化）、時(shí)間跨度（3個(gè)月）和主要階段。

組合圖表提示詞

有時(shí)，我們需要使用多個(gè)圖表來描述一個(gè)復(fù)雜的系統(tǒng)或流程。這時(shí)，你可以使用組合提示詞：

請(qǐng)使用Mermaid語(yǔ)法創(chuàng)建以下圖表：
1. 一個(gè)流程圖，描述退貨處理的業(yè)務(wù)流程
2. 一個(gè)時(shí)序圖，描述退貨場(chǎng)景下各系統(tǒng)的交互
3. 一個(gè)狀態(tài)圖，描述退貨單的狀態(tài)流轉(zhuǎn)

這樣的提示詞能夠幫助你一次性獲取多個(gè)相關(guān)圖表，全面描述一個(gè)業(yè)務(wù)場(chǎng)景。

圖表優(yōu)化提示詞

當(dāng)你已經(jīng)有了一個(gè)基本的圖表，但想要進(jìn)一步優(yōu)化時(shí)，可以使用這樣的提示詞：

我有一個(gè)描述訂單處理流程的Mermaid流程圖，但感覺結(jié)構(gòu)不夠清晰。請(qǐng)幫我優(yōu)化這個(gè)圖表，使其更加簡(jiǎn)潔明了，并添加適當(dāng)?shù)淖⑨尅?br />graph TD? ?
A[接收訂單] –> B[驗(yàn)證訂單]? ?
B –> C{庫(kù)存檢查}? ?
C –>|庫(kù)存充足| D[分配庫(kù)存]? ?
C –>|庫(kù)存不足| E[缺貨處理]? ?
D –> F[揀貨包裝]? ?
F –> G[發(fā)貨]? ?
G –> H[更新訂單狀態(tài)]? ?
E –> I[通知客戶]? ?
I –> J[等待庫(kù)存]? ?
J –> C

這個(gè)提示詞提供了現(xiàn)有的圖表代碼，并明確了優(yōu)化目標(biāo)（結(jié)構(gòu)清晰、簡(jiǎn)潔明了、添加注釋）。

AI與Mermaid結(jié)合的最佳實(shí)踐

在將AI與Mermaid結(jié)合使用時(shí)，我總結(jié)了一些最佳實(shí)踐的提示詞，你可以更高效地利用AI工具創(chuàng)建Mermaid圖表，提升產(chǎn)品工作效率。

• 明確圖表類型：在提示詞中明確指出你需要的圖表類型（流程圖、時(shí)序圖、狀態(tài)圖等）。
• 提供足夠的上下文：描述業(yè)務(wù)場(chǎng)景、涉及的系統(tǒng)或角色、關(guān)鍵步驟或狀態(tài)等信息，幫助AI理解你的需求。
• 指定圖表方向：對(duì)于流程圖，明確指出你希望的方向（TD：從上到下，LR：從左到右等）。
• 分步驟請(qǐng)求：對(duì)于復(fù)雜的圖表，可以先請(qǐng)求一個(gè)基本版本，然后逐步添加細(xì)節(jié)或優(yōu)化。
• 提供示例：如果你有特定的風(fēng)格或格式要求，提供一個(gè)示例圖表可以幫助AI更好地理解你的期望。
• 迭代優(yōu)化：AI生成的圖表可能不會(huì)一次就完美，通過多輪對(duì)話進(jìn)行迭代優(yōu)化是很常見的做法。

通過使用針對(duì)不同圖表類型的提示詞，結(jié)合AI工具，我們可以快速創(chuàng)建和優(yōu)化各類Mermaid圖表。明確圖表類型、提供足夠上下文、指定圖表方向、分步驟請(qǐng)求、提供示例和迭代優(yōu)化是結(jié)合AI與Mermaid的最佳實(shí)踐。

AI實(shí)踐與心得分享

1.Chrome插件“豆包”，劃詞生成Mermaid圖

瀏覽器安裝插件“豆包”，然后在“設(shè)置”中找到“劃詞工具欄”，選擇“添加技能”，填寫“提示詞內(nèi)容”，保存生效后，就可以劃詞生成Mermaid圖了。

對(duì)選中的文字 {selection}進(jìn)行總結(jié)提煉，根據(jù)文字內(nèi)容的描述，自動(dòng)生成符合Mermaid語(yǔ)法的圖表代碼。
技能：熟悉Mermaid的圖表類型和語(yǔ)法，能高效將流程轉(zhuǎn)化為代碼。 理解流程分析、架構(gòu)設(shè)計(jì)及結(jié)構(gòu)化展示等領(lǐng)域知識(shí)。
約束：代碼必須符合Mermaid語(yǔ)法規(guī)范。 流程和結(jié)構(gòu)表達(dá)需準(zhǔn)確清晰。 流程圖可以按實(shí)際情況有二級(jí)、三級(jí)等多層級(jí)。 輸出的代碼格式應(yīng)簡(jiǎn)潔且易于理解。

2.通過Mermaidchart，導(dǎo)出精美png圖片

我經(jīng)常用語(yǔ)雀來寫作，所以在語(yǔ)雀文檔中會(huì)有大量的Mermaid的內(nèi)容，但是語(yǔ)雀目前存在一個(gè)BUG或者是不足點(diǎn)，就是右鍵復(fù)制生成的SVG圖片然后粘貼到其他地方之后，清晰度會(huì)壓縮很多，很影響觀感。

如果把SVG保存到本地，然后再導(dǎo)入到Figma或者其他SVG轉(zhuǎn)PNG的圖片中，也是可以的，但是相對(duì)來說會(huì)慢一些，而且有一些工具導(dǎo)出的清晰度也會(huì)有點(diǎn)影響。

經(jīng)過一段時(shí)間的摸索之后，我個(gè)人最喜歡的是用Mermaid官方的一個(gè)網(wǎng)站去導(dǎo)出png的圖片，就是這個(gè)：

https://www.mermaidchart.com/

而且它還有一個(gè)好處，就是可以在生成預(yù)覽圖之后，通過下面紅框中的小工具，去更換外觀、樣式、增加一些元素等，可以讓你的Mermaid圖和別人做出來的默認(rèn)樣式明細(xì)區(qū)分開，整體體驗(yàn)還是非常不錯(cuò)的

3.保存一份常用的Mermaid提示詞

這個(gè)提示詞是我從別的公眾號(hào)中找到的，它適用于總結(jié)一些比較長(zhǎng)的，但是又有一定的邏輯性的內(nèi)容，可以生成多種不一樣風(fēng)格的圖片，然后讓用戶去選擇具體需要哪個(gè)。這里我將這個(gè)提示詞一并分享給大家。

Role：你是最擅長(zhǎng)內(nèi)容和數(shù)據(jù)視覺化、信息圖展示的大師。

Task：
1.?請(qǐng)分析文章內(nèi)容，用Mermaid語(yǔ)法創(chuàng)建適當(dāng)?shù)膱D表來可視化其中的關(guān)鍵信息，選擇最合適3-5種圖表類型展示? ? ? ?
1.?如果內(nèi)容包含步驟或流程，請(qǐng)創(chuàng)建流程圖(flowchart)? ? ? ?
2.?如果內(nèi)容描述時(shí)間線或事件序列，請(qǐng)創(chuàng)建時(shí)序圖(timeline)或甘特圖(gantt)? ? ? ?
3.?如果內(nèi)容展示組織結(jié)構(gòu)或?qū)哟侮P(guān)系，請(qǐng)創(chuàng)建組織結(jié)構(gòu)圖? ? ? ?
4.?如果內(nèi)容包含實(shí)體間的關(guān)系，請(qǐng)創(chuàng)建實(shí)體關(guān)系圖(ER diagram)? ? ? ?
5.?如果內(nèi)容包含類或?qū)ο箝g的關(guān)系，請(qǐng)創(chuàng)建類圖(class diagram)? ? ? ?
6.?如果內(nèi)容包含狀態(tài)轉(zhuǎn)換，請(qǐng)創(chuàng)建狀態(tài)圖(state diagram)? ? ? ?
7.?如果內(nèi)容包含順序交互，請(qǐng)創(chuàng)建序列圖(sequence diagram)
2.?整理網(wǎng)站核心內(nèi)容和觀點(diǎn)，生成文本格式的思維導(dǎo)圖。放在?“`代碼塊中。

Notice：
1.?請(qǐng)確保圖表:? ? ? ?
–?圖表要顯示在移動(dòng)版，所以寬度有限，如橫向生成太寬，改成縱向圖表，如flowchart TD/TB。? ? ? ?
–?清晰展示文章中的主要概念和關(guān)系? ? ? ?
–?通過顏色和多種樣式增強(qiáng)可讀性，不要超過4種顏色，但也別太單調(diào)。? ? ? ?
–?包含簡(jiǎn)潔的標(biāo)簽和描述? ? ? ?
–?遵循Mermaid語(yǔ)法規(guī)范? ? ? ?
–?根據(jù)文本中的數(shù)據(jù)或關(guān)鍵點(diǎn)，用文本符號(hào)繪制合適的Mermaid圖表。? ?
–?如果繪制不出Mermaid圖，用文本圖代替，不能留空。
2.?直接輸出內(nèi)容，不解讀圖表選擇邏輯，也不需要任何引導(dǎo)語(yǔ)，比如“好的，我來…”
3.?生成的圖表，用戶看完有恍然大悟感覺，甚至認(rèn)知升級(jí)，影響他的思想和行動(dòng)。
4.?你每次都會(huì)CoT思考，梳理清楚內(nèi)容/結(jié)構(gòu)后，才開始繪圖。

Format：
### 一、<Title 1>
<圖表1>
### 二、<Title 2>
<圖表2>
### 三、<Title 3>
<圖表3>
…
待處理文章內(nèi)容:
{{ content }}?

總結(jié)

作為供應(yīng)鏈產(chǎn)品經(jīng)理，我們經(jīng)常需要處理復(fù)雜的業(yè)務(wù)流程和系統(tǒng)交互，清晰有效的溝通是我們工作的核心。AI+Mermaid的組合為我們提供了一個(gè)強(qiáng)大的工具，幫助我們更高效地梳理業(yè)務(wù)流程、設(shè)計(jì)系統(tǒng)交互、規(guī)劃項(xiàng)目進(jìn)度，并與各方進(jìn)行有效溝通。

特別是在當(dāng)前AI技術(shù)快速發(fā)展的背景下，掌握如何利用AI工具提升工作效率已經(jīng)成為產(chǎn)品經(jīng)理的必備技能。通過本文介紹的方法和技巧，你可以將AI與Mermaid結(jié)合，在日常工作中創(chuàng)造更大價(jià)值。

如果你有任何問題、建議或者使用心得，歡迎在評(píng)論區(qū)分享，我們一起探討和進(jìn)步。如果你覺得這篇文章有幫助，也請(qǐng)關(guān)注我的公眾號(hào)”PM維他命”，獲取更多產(chǎn)品和供應(yīng)鏈領(lǐng)域的實(shí)用內(nèi)容。

最后，技術(shù)和工具只是手段，真正的價(jià)值在于我們?nèi)绾卫盟鼈兘鉀Q實(shí)際問題、創(chuàng)造業(yè)務(wù)價(jià)值。希望你能將這些工具融入到自己的工作中，不斷探索和創(chuàng)新，成為更優(yōu)秀的產(chǎn)品經(jīng)理！