#Flowchart Prompt - Create flowcharts to import using this prompt

153 messages · Page 1 of 1 (latest)

buoyant hinge
#

Heavily influenced by @lime grail - I have need for constant visualizing some requirements or solution proposals, as it takes much time, i was poking around how to use GPT for it. GPT4 shows better understanding and creates better flows, but it works in 3.5 too. I have attached an example.

`You are my personal AI Assistant Wall-E (assign yourself an emoji). I want you to act as an Infinite Subject Matter Expert with comprehensive expertise in all subject matters. Throughout our interaction, address me as [InsertName]. Collaborate with me to create the best flowchart to be imported in draw dot io
Whatever data I feed you, end goal is to help me create a flowchart based on it using PlantUML.

We will work together to create it.
I will inform you of my requirements.
You will suggest suitable roles to address my needs.
You will adopt or modify roles based on my feedback.
Confirm your active expert roles and outline their associated skills.
Ask how you can assist with my requirements.
I will provide further information.
If needed, request additional reference sources.
I will provide reference sources as required.

After you understand my requirement and we agree on approach, you will write the requirement in PlantUML so that I can import it.

If I am feeding you a business requirement or solution. I want you to add an expert role (for example: Solution Consultant) then analyze the text I copied. Text I copy is probably a mix of couple excel cells, and needs analyzing before it can be added. After analyzing, write it and ask me if I agree to make a flow chart that fits your analysis.

These are the commands:
-Role play "Infinite Subject Matter Expert"
-Auto continue with an emoji when the output exceeds character limits
-Expert address using emojis
-Auto suggest helpful commands when appropriate
If you fully understand your assignment, respond with, "How may I help you today, [InsertName]?"`

image.png
#

Flowchart Prompt - Create flowcharts to import using this prompt

#

I have used it for draw . io - imported there, dont know if it works with other ones.

Still having issues for it to format it from left to right - but for me it saves much time. It should be helpful for any types of flows

#

I have also tested it with some requirements i coppied directly from my excel, so they are messy, comments for solutions, logics etc. It assigned a solution consultatnt role, analyzed my gibberish, and made it into something decent

lime grail
#

🔥 This is great work! Such a functional and useful way to use AI 😎

cedar comet
#

woah what

#

didnt know gpt had this formatting capability

lime grail
buoyant hinge
#

i have optimization prompt that I use, so after i run this one through it, it gave me optimized version:
Act as my personal AI Assistant Wall-E (use an emoji to represent yourself). As an Infinite Subject Matter Expert, your comprehensive expertise spans all subject areas. Address me as Valheru throughout our interaction. Our collaboration aims to create an effective flowchart using PlantUML, which can be imported into draw io based on the data I provide.

Please follow these steps:

Confirm your active expert roles and their associated skills.
Ask for my requirements and any reference sources needed.
Analyze the provided data and suggest suitable roles to address my needs.
Modify roles based on my feedback.
After understanding my requirements and agreeing on an approach, write them in PlantUML format.
If I provide a business requirement or solution, adopt an appropriate expert role (e.g., Solution Consultant) and analyze the text.
Create a flowchart based on the analyzed data and ask for my approval.
Include helpful comments in the flowchart when appropriate.
Dont add URLs to UML code.
Use these commands when necessary:

Role play "Infinite Subject Matter Expert"
Continue with an emoji when the output exceeds character limits
Address me using emojis
Auto-suggest helpful commands when appropriate
If you fully understand your assignment, respond with, "How may I help you today, Valheru?"

icy seal
stone gull
#

👍🔥

buoyant hinge
#

Tested with GPT 4 - and it is much more useful - Token limit serves better
and its better and listening to original prompt.

Example: 4 will always listen to "Whatever data I feed you, end goal is to help me create a flowchart based on it using PlantUML."

3.5 will stray from that often

proven trench
#

Hi @buoyant hinge , I'm struggling to having ChatGPT4 generate a visual representation of a process at the end of a conversation to insert in a Word document; could you please help? Please note that a newbie, so bear with me. Thank you.

buoyant hinge
#

Why dont you follow the prompt and create it in draw . io and import to word later on? Gtp4 cant visualize itself

sweet igloo
#

anyone have an example using this from beginning to end?

buoyant hinge
#

@sweet igloo you can test it yourself, It will output the PlantUML code, you just import it in draw . io and see.
I have examples, but cant share them as they are customer specific for me

sweet igloo
buoyant hinge
#

Are you satisfied with results

near owl
#

@buoyant hinge do i save the "code" as import.txt or something?

#

oooh nvm, it's this whole plantuml site

buoyant hinge
#

you can open draw dot io website, go to + button on top of the chart, go to advanced and select plant uml. you can also go to online server of plantuml . com

buoyant hinge
#

@near owl any luck 😄

buoyant hinge
nocturne kernel
#

Great work here OP. Have you played with mermaid code/diagrams yet? Plant UML requires a bit of tech knowledge... but I've taught CS reps how to use mermaid pretty quickly.

Plus there's that free live editor on the website.... so you can cut/paste/screenshot in a few seconds. It'll do the flowchat capability of PlantUML easily, and a little that it cant (like "Persona Journey" maps)

GPT's pretty fluent in mermaid, and a lot of markdown content providers also support, because it's closer to natural language (like markdown)

#

Also, you know how nonprofits have a very specific ending to their web address? Well if you put that web ending AFTER the word sequencediagram, you would find a great FREE (zero ads, literally free) WEB based code --> diagram tool that GPT also knows how to use 🙂 (although its wayyyyy better at mermaid, especially if given example code)

Hope that helps and keep up the great community of work! Thanks again OP!

buoyant hinge
#

@nocturne kernel So, I use Mermaid when I want something from left to right - I find UML much more friendly for my needs.
Mermaid also allows to be edited in the diagram itself, which I like, but still UML kinda does better job.

Also, UML is great at Swim Lanes Flows, which it does amazingly

#

and, you may be right, since you have more knowledge on it, if you wanna share some examples, I dont mind learning something new 🙂

nocturne kernel
#

Yeah... good call on a way to contextualize it. I'm multitasking on a few things but give me a few, let me see if I scan through my old convos and find one of my better flowchart prompts with mermaid output and combine that with your amazing work here.

I do remember specifically that it was all about contextualizing the role around some example code for it not to bungle it up 😄

#

Otherwise it ONLY did simple left to right outputs that were fairly... disappointing 😐 😄

buoyant hinge
#

What I like about what I did in here is - in my day to day, i have a bunch of requirements, comments, multiple people inputs, my solutioning designs, multiple versions of it etc.
It will analyze it, assign a role to help decipher that, then it will create a flow.

Makes life a bit easier, because if i do it by hand in google slides or something else, i lose hours just on OCDing that everything is in line, formatted, colored, bolded etc

nocturne kernel
nocturne kernel
#

FINALLY found the one prompt I was seeking. OK if you google "Mermaid C4 diagrams" you're going to find the C4 Diagrams (which is just PlantUML but will work in the live editor, which is the key to general use IMO).

That wiki page has the example code you need. I'll feed you my prompt I'll now be using thanks to your amazing work, if you want?

buoyant hinge
#

yes please, share share 🙂 im gonna be testing it tomorrow, its kinda late here 😉

nocturne kernel
#

I ADD'ED majorly sorry for slow response....lol but here you go

`I want you to act as an Infinite Subject Matter Expert with comprehensive expertise in all subject matters. Collaborate with me to create a requirements output, based on using Mermaid code for use in a markdown file.

We will work together to create it, but my knowledge may be limited.

  • You will ask me to clearly define my problem statement, and then ask questions in order to understand my requirements.
  • Confirm your active expert roles and their associated skills
  • Adopt or modify roles based on my feedback.
  • If I provide a business requirement or solution, adopt an appropriate expert role (e.g., - Solution Consultant) and analyze the text, then guide me into the next steps of requirements gathering
  • Ask leading questions to improve requirements
  • Complex requirements may require more than one diagram type
  • Dont add URLs to the mermaid markdown code.
  • Create a mermaid C4 diagram based on the analyzed data and ask for my approval.
  • I may not know what mermaid is, so make sure to provide me a link to the live editor, when we get here.
  • Continue with an emoji when the output exceeds character limits
  • Address me using emojis
  • Auto-suggest helpful commands when appropriate
  • Ask questions until you can create a comprehensive mermaid diagram with multiple points
  • After you fully understand my requirements and we agree on approach, you will write the requirements in mermaid code so that I can import it.

I will provide you some example code for a Mermaid C4 diagram. Mermaid's c4 diagram syntax is mostly compatible with plantUML syntax.

Code Example - Mermaid C4 Diagram
C4Dynamic
title Dynamic diagram for Internet Banking System - API Application

ContainerDb(c4, "Database", "Relational Database Schema", "Stores user registration information, hashed authentication credentials, access logs, etc.")
Container(c1, "Single-Page Application", "JavaScript and Angular", "Provides all of the Internet banking functionality to customers via their web browser.")
Container_Boundary(b, "API Application") {
  Component(c3, "Security Component", "Spring Bean", "Provides functionality Related to signing in, changing passwords, etc.")
  Component(c2, "Sign In Controller", "Spring MVC Rest Controller", "Allows users to sign in to the Internet Banking System.")
}
Rel(c1, c2, "Submits credentials to", "JSON/HTTPS")
Rel(c2, c3, "Calls isAuthenticated() on")
Rel(c3, c4, "select * from users where username = ?", "JDBC")

UpdateRelStyle(c1, c2, $textColor="red", $offsetY="-40")
UpdateRelStyle(c2, c3, $textColor="red", $offsetX="-40", $offsetY="60")
UpdateRelStyle(c3, c4, $textColor="red", $offsetY="-40", $offsetX="10")

If I am feeding you a business requirement or solution. I want you to add an expert role (for example: Solution Consultant) then analyze the text I copied. Text I copy is probably a mix of couple excel cells, and needs analyzing before it can be added. After analyzing, write it and ask me if I agree to make a flow chart that fits your analysis.

If you fully understand your assignment, assign yourself an emoji & a name & respond with: "How may I help you today, Sir/Madame?"`

#

Seems to switch roles well based on context, even get a fairly consistent first response back, which like. I can't speak to if your excel file would work BUT it seems to interact with a user pretty well. I started with "I hate MS Teams" as a problem statement and it did pretty well.

buoyant hinge
#

I hate it too.
I like the structure, less messy than mine 😉

#

Ill test it tomorrow

nocturne kernel
#

Sure thing, let me know what you think. Appreciate the collab, thanks again ❤️

buoyant hinge
#

Btw, I think we need to test React Flow it may be the best - @nocturne kernel

#

i tested this one that you created, was not able to output correct syntax

nocturne kernel
buoyant hinge
#

its interactive, its APIable its fancy, it has nodes 😄

nocturne kernel
#

Oh, I do know this 🙂 Silly brain. Yeah this is good stuff. I'm not a HUGE fan of the syntax/data structures but it's FAR more feature filled than mermaid and really even plant. There's a thing, hang on

#

Ok search for the react "react-flow" repository on github... scroll to bottom(ish) of readme

#

A link to their discord server ❤️

#

Sorry i had to be real creative to figure out how to get that data to you without breaking rules 😄

buoyant hinge
#

hahaha 😄 ❤️ thanks, ill check it - time is a construct, elusive these days

buoyant hinge
#

btw im 90% sure someone stole my prompt and is selling it on promptbase 😄

nocturne kernel
buoyant hinge
#

btw Mermaid code do tend to have some syntax errors

nocturne kernel
#

Yeah, I've found the same unless you provide an example code set

#

Even something simple produces marked accuracy increase in my own personal experience

buoyant hinge
#

i have 90% less errors in UML
GPT4 almost never does
3.5 tends to make some stupid syntax errors

#

but easily fixable

#

Mermaid seems to not accept any !@#$!%!)@(%*)_! symbols in the [] brackets

#

where the node's infomration is

#

so i had to accent that in the prompt

west hazel
#

Can you explain the “continue with an emoji” part please?

buoyant hinge
#

@nocturne kernel Plugins fixed us 😄

#

they also use mermaid

nocturne kernel
#

insert mic drop gif here

#

😄

#

I'm trying so hard not to be jealous of your plugins access.

It's not working, I'm jelly AF 😐

buoyant hinge
#

i got it for the hackathon

#

@nocturne kernel

boreal wagon
nocturne kernel
boreal wagon
nocturne kernel
#

lol

#

Thanks for the help ❤️ I definitely would have clicked the button if it was there.

boreal wagon
buoyant hinge
nocturne kernel
cedar comet
#

woah i was making a flowchart prompt

#

just now saw this

buoyant hinge
#

👌👌

cedar comet
#

wow

#

working on a prompt that utilizes this rn

#

wil post outputs later

#

but its awesome

cedar comet
#

hey, have you guys messed around with other types of mermaid diagrams ?

#

im finding it to be quite good at any

buoyant hinge
#

It is, you can even add to prompt to offer some.options

#

What did you test

cedar comet
#

im making it generate complex diagrams on its own based on the users guidelines and root nodes, meaning you can use it for things like planning the structure of a programming process, generating a couple of possible paths in a decision tree, etc

#

heres a simple example, i just told it to make an erdiagram about a python tiktactoe project

#

in plantuml

#

heres a much more complex example of a decision tree for "facing an interview"

#

@buoyant hinge

buoyant hinge
#

I have another prompt like this i use for python learning. It outputs the flow + python comment skeleton

cedar comet
#

beginning of the tree i meant to send earlier @buoyant hinge

#

hmm this isn't that good though

#

compared to what i had earlier

#

man im glad i learned about this

buoyant hinge
cedar comet
#

thanks!

#

its an easy match

#

ideal match

buoyant hinge
#

You can generate mindmaps as well

#

That may be probably better for subtopic

#

Let me find it

cedar comet
#

i tried but the syntax was wrong

#

how did you do it?

#

it wouldnt work in mermaid

buoyant hinge
#

Visual Code you get the extension for.markmap

#

Or search markdown to mindmap online

cedar comet
#

markdown to mindmap?

#

also ill check that prompt out after this

cedar comet
buoyant hinge
#

Yes its in the prompt in the link

cedar comet
#

still reading the plantuml docs rn

#

question @buoyant hinge as of rn my #1098081090742255687 generates a basic hierarchical tree structure but i'd like to make it so related topics that dont share common descendents (aka not next to eachother) can reference other related nodes anywhere in the list

buoyant hinge
#

Please save different outputs and share i have only used for.limited # of use cases.

cedar comet
#

will do

cedar comet
#

since theres going to be more complex connections made

#

actually im going to worry about that later lol

#

the diagram is already going to be very complex as is

buoyant hinge
#

I think for your prompt that mindmap may be better structure wise

cedar comet
#

still working on providing it with optimal directions

buoyant hinge
#

Go to kroki dot io

#

Its a nice resource

cedar comet
#

ok

cedar comet
buoyant hinge
#

Looks hot

cedar comet
#

I’ve determined that it’s not ideal or necessary for the recursive promot generation thing

#

However really good for generating interconnected data

#

Like the last image

#

Also good for manual mind mapping

#

It doesn’t mermaid perfectly unfortunately

buoyant hinge
#

Mermaid is prone to mistake

#

Uml had best output

#

You can also swim lanes

cedar comet
#

Oh yeah I did that

#

At one point

buoyant hinge
#

@cedar comet did you try the mindmap one?

#

also, ill have a plugin to play around next week that was based on this idea, we did for hackathon

#

so, ill share when available

cedar comet
#

i want to do a hackathon like that

ionic spear
#

Does anyone have a suggestion on where I could go find an integration platform to help me optimize my data management process

buoyant hinge
#

you mean like zapier or make dot com