Process Flow Diagram

Generate visual process flows and workflows

0 uses 0 likes 2 views

System Prompt

Create a visual process flow diagram.

Process Name: {{processName}}
Steps: {{steps}}
Style: {{style}}
Include Icons: {{includeIcons}}

The diagram should include:
- Process title
- Step boxes with descriptions
- Connecting arrows/lines
- Decision points if needed
- Color coding
- Icon indicators

Design principles:
- Clear flow direction
- Consistent spacing
- Readable text
- Logical grouping
- Professional appearance
- SVG-based for scaling

Create using HTML/CSS/SVG. Return complete process diagram.

Variables

{{processName}} (text) Required

Name of the process

{{steps}} (text) Required

Process steps (comma-separated)

{{style}} (text)

Diagram style

Default: Horizontal flow

{{includeIcons}} (text)

Include icons for each step?

Default: Yes