flowchart-creator

What it does

The mhattingpete-flowchart-creator skill generates HTML flowcharts and process diagrams based on textual descriptions. It supports complex visual elements including decision trees, color-coded stages for different processes, clear arrows indicating direction, and swimlanes to delineate responsibilities or departments. The output is formatted as HTML, allowing for easy integration into web pages or documents.

When to use it

• Documenting a business process: Visualize the steps involved in onboarding new clients, from initial contact to ongoing support.
• Explaining complex decision-making: Create a flowchart illustrating the logic behind loan approval processes or medical diagnoses.
• Workflow visualization: Map out the stages of software development, including design, coding, testing, and deployment.
• Training materials: Develop clear visual aids to explain procedures for new employees.

Key capabilities

• Generates HTML flowcharts.
• Supports decision trees within diagrams.
• Allows color-coding of process stages.
• Includes arrows to indicate direction.
• Enables the use of swimlanes.

Example prompts

• "Create a flowchart showing the steps for processing an online order, including payment verification and shipping."
• "Generate a decision tree diagram illustrating how to troubleshoot a network connection problem."
• "Can you create a process diagram with swimlanes detailing the responsibilities of marketing and sales teams in lead generation?"

Tips & gotchas

The skill outputs HTML. You will need an environment capable of rendering HTML (e.g., a web browser or document editor that supports HTML) to view the generated flowchart. The quality of the output depends heavily on the clarity and detail provided in the prompt.