Built with Bolt
MarkFlow: AI Diagram Builder from Text
Michai Morin
MarkFlow is a micro web application designed to transform textual descriptions or blueprints of processes, workflows, pipelines, and event sequences into visually structured Unicode/ASCII diagrams. It provides a user-friendly interface where professionals can input information via file upload (JSON, MD, TXT) or direct text entry, and then, with a single click, generate a diagrammatic representation of that information.
Here’s a breakdown of its key aspects:
Functionality: The core function of MarkFlow is to convert unstructured textual data into structured visual diagrams. This is achieved through a multi-agent automation process powered by AI.
How it Works:
Input: The user provides a description of a process or workflow, either by uploading a file or entering text directly into the application.
AI-Powered Diagram Generation: The application uses the OpenAI API (accessed via Supabase Edge Functions) to interpret the input and generate a diagram. The system prompt instructs the AI to create diagrams that are precise, aligned, and use a limited character set to ensure consistency.
Diagram Correction: A second Supabase Edge Function, also using the OpenAI API, is used to verify and correct any alignment errors, inconsistencies, or improper junction usages in the generated diagram.
Output: The resulting diagram is displayed in a terminal-like window within the application, where it can be copied to the clipboard (as plain text or Markdown) or exported as a PNG image.
Usefulness for Professionals:
Visual Communication: MarkFlow helps professionals communicate complex processes and workflows in a clear, visual format. Diagrams can be easily shared and understood by a wide audience.
Documentation: The generated diagrams can be used for documenting processes, systems, and workflows. This can be particularly useful for training materials, standard operating procedures, and system documentation.
Problem Solving: By visualizing complex processes, professionals can more easily identify bottlenecks, inefficiencies, and potential problems.
Automation: MarkFlow automates the diagram creation process, saving professionals time and effort compared to creating diagrams manually.
Versatility: The application supports multiple input formats (JSON, MD, TXT, and direct text entry), making it versatile for different use cases.
Publication-Ready Diagrams: MarkFlow ensures that the generated diagrams are polished and publication-ready, with perfect structural integrity and professional aesthetics.
In summary, MarkFlow is a valuable tool for professionals who need to communicate complex information visually. It automates the diagram creation process, ensures high-quality output, and supports a variety of use cases.
Like this project
Posted Apr 30, 2025
Developed MarkFlow, an app for converting text to visual diagrams using AI.
