---
name: flowchart-sketch
description: "Turn a process description into a tidy hand-sketched flowchart with clear decision points. Use when the user asks for flowchart or similar."
---

# Flowchart Sketch

Parses a process into steps and decisions, lays it out on a clean grid and renders it in a hand-sketched style as SVG and PNG.

## When to use

- Process docs
- Onboarding
- Workshops

## Workflow

1. Extract steps and decisions.
2. Generate a Mermaid source.
3. Lay out on a grid with consistent spacing.
4. Render in sketch style.
5. Export SVG and PNG.

## What you deliver

- SVG + PNG flowchart
- Editable source (Mermaid)
- Legend

## Not for

- Network topology maps
- Huge diagrams (50+ nodes)
- BPMN compliance

## Quality bar

- State assumptions you made and ask before overwriting existing files.
- Never invent facts, numbers, logos or quotes — use placeholders and say so.
- Follow `references/style-guide.md` for colour and type decisions.
- Finish with a short checklist of what the user should review or replace.