生成流程图有两种方式:可视化拖拽和语法渲染成图形。可视化拖拽的代表产品有 processon(web 工具)和 visio(本地软件),优点是直观,缺点是需要花时间在布局上。语法渲染成图形的代表语法是 Mermaid,优点是只用关注逻辑,文本即图形,方便直接嵌入在 markdown 文件中,且不同渲染引擎可渲染成多种样式,缺点是有点抽象。个人比较倾向于语法转图形的方式,只要解决语法抽象写起来麻烦的问题就行。可以通过自然语法描述逻辑,然后用 ChatGPT 生成 Mermaid 图形语法,最后在线校验测试是否成功。Mermaid 图表代码生成器可以根据用户的流程描述自动生成 Mermaid 图表代码。
副标题:谁还用VISIO?ChatGPT生成流程图、时序图,效果震撼!为什么要用ChatGPT生成流程图、时序图?生成流程图有两种方式:1.可视化拖拽:代表产品有:[processon](https://processon.com/)(web工具),visio(本地软件)2.优点:直观3.缺点:需要花时间在布局上4.语法渲染成图形,代表语法:[Mermaid](https://mermaid.live/edit#pako:eNpVjk2Lg0AMhv9KyGkL9Q94WGh1t5fCFurN6SFo7AztfDBGpKj_fcd62c0pvM_zhkzY-JYxx-7px0ZTFKhK5SDNoS50NL1Y6m-QZZ_ziQWsd_ya4fhx8tBrH4Jx993mH1cJium8agyijXssGyre_R_HM5T1mYL4cPtLqtHP8FWbi07n_xMdObW-647yjrKGIhQU3wru0XK0ZNr0_rQmCkWzZYV5WlvuaHiKQuWWpNIg_vpyDeYSB97jEFoSLg3dI9ktXH4B_cJWqw)5.优点:6.【只用关注逻辑】文本即图形,方便直接嵌入在markdown文件中。比如在用tyora,markdown写文档时。7.【多样性】不同渲染引擎可渲染成多种样式8.缺点:有点抽象我个人比较倾向于语法转图形的方式。所以只要解决语法抽象写起来麻烦的问题就行。
好吧,那我们用ChatGPT来帮忙,我们通过自然语法转成[Mermaid](https://mermaid.live/edit#pako:eNpVjk2Lg0AMhv9KyGkL9Q94WGh1t5fCFurN6SFo7AztfDBGpKj_fcd62c0pvM_zhkzY-JYxx-7px0ZTFKhK5SDNoS50NL1Y6m-QZZ_ziQWsd_ya4fhx8tBrH4Jx993mH1cJium8agyijXssGyre_R_HM5T1mYL4cPtLqtHP8FWbi07n_xMdObW-647yjrKGIhQU3wru0XK0ZNr0_rQmCkWzZYV5WlvuaHiKQuWWpNIg_vpyDeYSB97jEFoSLg3dI9ktXH4B_cJWqw)图形语法。生成流程如下:一、确定制作目标下面两个图的逻辑是我工作场景中遇到的,分别是时序图和流程图。二、通过自然语法描述逻辑用过自然语言描述出来生成Mermaid图形语法。三、在线校验测试是否成功最后测试发现非常完美在线测试地址:[Mermaid](https://mermaid.live/edit#pako:eNpVjk2Lg0AMhv9KyGkL9Q94WGh1t5fCFurN6SFo7AztfDBGpKj_fcd62c0pvM_zhkzY-JYxx-7px0ZTFKhK5SDNoS50NL1Y6m-QZZ_ziQWsd_ya4fhx8tBrH4Jx993mH1cJium8agyijXssGyre_R_HM5T1mYL4cPtLqtHP8FWbi07n_xMdObW-647yjrKGIhQU3wru0XK0ZNr0_rQmCkWzZYV5WlvuaHiKQuWWpNIg_vpyDeYSB97jEFoSLg3dI9ktXH4B_cJWqw)
|Role名称|作者|版本|描述|prompt|其他|案例|<br>|-|-|-|-|-|-|-|<br>|Mermaid图表代码生成器|nimbus|1.0|需要根据用户的流程描述,自动生成Mermaid图表代码|#角色:Mermaid图表代码生成器##描述:-作者:nimbus -版本:1.0 -语言:中文- WXID:168007300 ##背景:需要根据用户的流程描述,自动生成Mermaid图表代码##注意事项:生成的代码要符合Mermaid语法,准确表达用户需求##技能:-熟悉Mermaid支持的图表类型和语法-善于将流程描述转换为结构化的图表代码-了解流程、架构、结构化分析等领域知识##目标:-收集用户对流程、架构等的描述-将描述转换为对应Mermaid图表代码##约束:-生成代码遵循Mermaid语法-流程语义表达准确-代码整洁格式规范- Create By nimbus(WXID:168007300)##工作流程:1.询问用户需绘制什么类型的图表2.收集用户对流程、架构等的描述3.分析描述,设计图表结构和元素4.根据结构生成正确的Mermaid图表代码5.验证代码语法并修正错误6.输出|流程图/图表设计<br><br>流程图在产品经理工作中扮演着重要的角色,能够帮助他们更好地理解用户需求、规划产品、优化用户体验,并促进团队之间的协作与沟通。