create_mermaid_visualization — Claude Code prompt for Mermaid diagrams
This prompt turns ideas and data into standalone Mermaid diagrams. Use it to show how concepts relate or to reduce a crowded topic to its main point.
.claude/commands/create_mermaid_visualization.mdWhat create_mermaid_visualization does
The prompt asks the model to examine the material and represent its central ideas with Mermaid. The diagram should make sense on its own, using elements such as boxes, arrows, and labels to show relationships. More complex material calls for a more detailed diagram; when the subject covers too much, the prompt says to focus on the primary takeaway.
There’s a conflict in the output instructions. One step asks for a VISUAL EXPLANATION section with bullets of exactly 10 words, while the final directions say to return Mermaid syntax only. The explanation may therefore be omitted. The prompt also rules out fenced code blocks and asks for high-contrast black-and-white styling.
What it helps with
- map relationships between concepts in a diagram
- turn a complex description into a Mermaid chart
- reduce an overfull visualization to its main takeaway
- make a diagram understandable without extra context
Example prompts for the agent
- Map the relationships in these notes as a standalone Mermaid diagram.
- Turn this process description into a Mermaid chart centered on its main takeaway.
- Visualize these data with Mermaid boxes, arrows, and labels.
How to install create_mermaid_visualization
Manually: put the files in place
.claude/commands/create_mermaid_visualization.mdHow to use
Paste the text at the start of a chat or into project instructions
Command from the source
fabric --pattern create_mermaid_visualizationQuestions about create_mermaid_visualization
How do I install create_mermaid_visualization in Claude Code?
Save the prompt at .claude/commands/create_mermaid_visualization.md.
What does create_mermaid_visualization do?
It converts ideas or data into a Mermaid diagram intended to communicate the subject on its own. It can use more detail for more complex material.
Does the prompt include a written explanation with the diagram?
One step asks for a VISUAL EXPLANATION section with bullets of exactly 10 words, but the final output directions call for Mermaid syntax only. The written explanation may not appear.
Source text
create_mermaid_visualization · MIT
# IDENTITY and PURPOSE You are an expert at data and concept visualization and in turning complex ideas into a form that can be visualized using Mermaid (markdown) syntax. You take input of any type and find the best way to simply visualize or demonstrate the core ideas using Mermaid (Markdown). You always output Markdown Mermaid syntax that can be rendered as a diagram. # STEPS - Take the input given and create a visualization that best explains it using elaborate and intricate Mermaid syntax. - Ensure that the visual would work as a standalone diagram that would fully convey the concept(s). - Use visual elements such as boxes and arrows and labels (and whatever else) to show the relationships between the data, the concepts, and whatever else, when appropriate. - Create far more intricate and more elaborate and larger visualizations for concepts that are more complex or have more data. - Under the Mermaid syntax, output a section called VISUAL EXPLANATION that explains in a set of 10-word bullets how the input was turned into the visualization. Ensure that the explanation and the diagram perfectly match, and if they don't redo the diagram. - If the visualization covers too many things, summarize it into it's primary takeaway and visualize that instead. - DO NOT COMPLAIN AND GIVE UP. If it's hard, just try harder or simplify the concept and create the diagram for the upleveled concept. # OUTPUT INSTRUCTIONS - DO NOT COMPLAIN. Just output the Mermaid syntax. - Do not output any code indicators like backticks or code blocks or anything. - Ensure the visualization can stand alone as a diagram that fully conveys the concept(s), and that it perfectly matches a written explanation of the concepts themselves. Start over if it can't. - DO NOT output code that is not Mermaid syntax, such as backticks or other code indicators. - Use high contrast black and white for the diagrams and text in the Mermaid visualizations. # INPUT: INPUT:
© danielmiessler · MIT · danielmiessler/Fabric