BPMN-Vorschau im Browser, offline, auf Basis von bpmn-js

- werkzeuge/vorschau/vorschau.html: Anzeige per Drag & Drop oder
  Dateiauswahl, Zoom, Einpassen, Fehlermeldungen; funktioniert ohne
  Python direkt aus dem Dateisystem.
- scripts/vorschau.py: erzeugt aus .bpmn oder Arbeitsschritt-.md eine
  in sich geschlossene Seite und öffnet sie; --stdin als Filter, etwa
  für einen Gitea-Renderer. Diagramm wird mit maskiertem '<' eingebettet,
  die Bibliothek unverändert und nur auf <script/</script geprüft.
- bpmn-js 18.29.1 (navigated viewer + CSS + LICENSE) lokal eingebettet,
  npm-Integrität geprüft; lädt nichts aus dem Netz. Wasserzeichen bleibt
  laut Lizenzauflage sichtbar.
- tests/test_vorschau.py: 11 Tests; Skill sn-bpmn, Anleitung, AGENTS.md,
  README, Leitfäden, Fallstricke und STATUS ergänzt.
- Tests: python -m pytest -q -> 55 bestanden. Darstellung mit Edge
  headless geprüft (beide Beispiele, leere Seite, kaputte Datei).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

.agents/skills/sn-bpmn/Anleitung.md

@@ -45,7 +45,15 @@ in PICTURE geladen werden.
 
 Um zu prüfen, ob `md_to_bpmn.py` selbst korrekt gerechnet hat (Struktur,
 Anschlusspunkte, Layout) – unabhängig davon, was ein Import-Werkzeug daraus
-macht – eignet sich ein originalgetreuer BPMN-Viewer:
+macht – eignet sich ein originalgetreuer BPMN-Viewer. Im Repository liegt
+einer, offline und ohne Datenübertragung:
+
+```bash
+python scripts/vorschau.py entwuerfe/<name>.md     # oder eine .bpmn
+```
+
+Ohne Python: `werkzeuge/vorschau/vorschau.html` im Browser öffnen und die
+`.bpmn` hineinziehen (Details: `werkzeuge/vorschau/README.md`). Alternativ:
 
 - **`demo.bpmn.io`** – im Browser, kein Install nötig: `.bpmn`-Datei per
   Drag & Drop reinziehen.

.agents/skills/sn-bpmn/SKILL.md

@@ -47,6 +47,10 @@ schreibst oder bearbeitest.
    Ergebnis kurz melden (Anzahl Schritte/Kanten/Lanes, Pfad der Datei) und
    anbieten, das Modell im Repository abzulegen (Schritt 5).
 
+   Vorschau im Browser, offline: `python scripts/vorschau.py entwuerfe/<name>.bpmn`
+   (geht auch direkt mit der `.md`, schon vor der Freigabe in Schritt 3).
+   Beim Anbieten der Vorschau dazusagen, dass PICTURE abweichen kann.
+
 5. **Ablegen (nur auf Wunsch).** Ablauf und Regeln: `prozesse/README.md`
    (ADR 0003). Kurz: Branch `feature/<issue-nr>-<name>` von `main`, Ordner
    `prozesse/<name>/` mit `<name>.md` und Steckbrief `README.md` aus