Generiert handgezeichnete Sketchnote-Diagramme aus Textbeschreibungen. Zweistufig: erst Plan zur Freigabe, dann SVG + Rendering via Kie.ai. Use when user asks for a diagram, sketch, illustration, or visual explanation of a concept, architecture, or workflow. Trigger phrases: "zeichne", "diagram", "sketchnote", "illustriere", "visualisiere".
Generiert handgezeichnete Sketchnote-Illustrationen aus Textbeschreibungen.
Plugin root: ${CLAUDE_PLUGIN_ROOT}
Falls noch kein venv vorhanden, Setup ausführen:
cd "${CLAUDE_PLUGIN_ROOT}"
bash scripts/setup.sh
Erstelle aus der Beschreibung des Users einen kurzen, strukturierten Plan im folgenden Format:
## Diagramm-Plan: <Titel>
**Farbschema**: <red-white | red | warm | ocean | neon>
**Detailgrad**: <minimal | standard | detailed>
**Layout**: <Pattern — z.B. Flow, Fan-Out, Central Hub, Panel Grid>
**Komponenten** (max 8):
- <Name> — <Farbe> — <kurze Beschreibung>
- ...
**Connectors**:
- <Von> → <Nach> — <Label, optional> — <Stil: solid/dashed>
- ...
**IMAGE Placeholders** (max 6):
- <!-- IMAGE: beschreibung -->
- ...
**Extras**: <Badges, Deko-Elemente>
STOP hier. Warte auf explizite Freigabe vom User bevor du weiterarbeitest. In Mattermost zählt Daumen-hoch oder Haken als Freigabe.
Nach Freigabe: Generiere das SVG nach den Regeln in references/svg-rules.md.
Lies die Regeln:
Read ${CLAUDE_PLUGIN_ROOT}/skills/prettydiagram/references/svg-rules.md
Wichtig:
0 0 900 550<path> mit Wobble, keine <rect> für ContainerSpeichere das SVG unter ${CLAUDE_PLUGIN_ROOT}/examples/<titel-slug>.svg.
Führe aus:
cd "${CLAUDE_PLUGIN_ROOT}"
source .venv/bin/activate 2>/dev/null || bash scripts/setup.sh
python generate.py --svg examples/<titel-slug>.svg -o output/<titel-slug>.png
Default: 2K Auflösung, Kie.ai Backend. Für Gemini: --backend gemini.
Öffne das generierte Bild:
xdg-open "${CLAUDE_PLUGIN_ROOT}/output/<titel-slug>.png"
Teile dem User den Pfad mit und frage ob Anpassungen gewünscht sind.
KIE_API_KEY oder GEMINI_API_KEY in ${CLAUDE_PLUGIN_ROOT}/.envPRETTYDIAGRAMS_BACKEND optional (default: kie)TAVILY_API_KEY optional (für Referenzbilder aus IMAGE Placeholders)