Vergleich · Stand 2026-10-04
MZP vs. diagram-design
Was der Mzone-Publisher (MZP) von den Fähigkeiten des geforkten Repos cathrynlavery/diagram-design (v2.4, 27 Typen) abdeckt, wo Lücken sind und was er anders oder zusätzlich macht.
Vorhanden
16
Teilweise
4
Lücken
12
Nur MZP / anders
17 / 5
Wichtigste Lücken
- L1ImportKein draw.io-Import (kein Ticket); Mermaid ohne
sequenceDiagram(MZP-158) und ohne Mehrblock-Markdown (MZP-159). - L2BrandingKein Onboarding von einer Website-URL (
MZP-162), keine eigenen Schriften (MZP-161), keine speicherbaren Kundenprofile und keine Token-Kontrastprüfung (MZP-160). Die vier Profile sind Prosa-Basiswerte ohne Bezug zum Renderer. - L3OutputKeine Größen-Presets mit Type-Ramp (
MZP-167), keine Detail-/Audience-Stufen (MZP-168, Agent-Workflow), kein Fidelity-Ledger (MZP-163). - L4SemantikDie 7 Semantic Patterns (
MZP-164) und die Motion-Modi reveal/step/loop fehlen; MZP bietet nurtrace, geplant iststep(MZP-165). - L5RendererConsultant-2×2 mit benannten Zellen fehlt (
MZP-169). Erledigt seit 2026-10-03: Sequence-ALT-Fragmente alstypeBlocks.altRegions(MZP-157) und je Diagramm eindeutige title/desc-IDs (MZP-156).
Matrix
✓ MZP kann es wie das Original
◐ eingeschränkt
✗ fehlt in MZP
≠ bewusst anders gelöst
＋ nur in MZP
| Bereich | Fähigkeit | diagram-design (Original) | MZP | Status | Hinweis |
|---|---|---|---|---|---|
| Diagrammtypen | 23 Kerntypen ohne Abweichung | ✓ je Typ Beispiel-HTML light/dark/full | ✓ eigener Renderer: Architektur, Flowchart, Sequence, State machine, ER / Datenmodell, Timeline, Swimlane, Nested, Tree, Org chart, Layer stack, Radar / Spider, Loop / Flywheel, IT current-state, High-Level, Bar chart, Line chart, Gantt, Process, Medallion, Data flow, DP integration, DP security matrix | ✓ vorhanden | Volle Parität |
| Diagrammtypen | Quadrant | ✓ inkl. Achsen-Beschriftung | ✓ quadrant + axisLabels | ✓ vorhanden | live geprüft: Achsentexte werden gezeichnet |
| Diagrammtypen | Consultant 2×2 (benannte Zellen) | ✓ eigenes Beispiel | – kein Zellen-Block im Quadrant-Schema | ✗ Lücke | Szenario-Matrix mit Zellnamen nicht abbildbar · MZP-169 (IDEA, P3) |
| Diagrammtypen | Venn | ✓ inkl. Schnittmengen-Label | ✓ venn (≤3 Kreise) + intersectionLabel | ✓ vorhanden | live geprüft |
| Diagrammtypen | Pyramid / Funnel | ✓ ein Typ, zwei Orientierungen | ✓ pyramid mit orientation, zusätzlich eigener Typ funnel | ✓ vorhanden | |
| Diagrammtypen | Scatter | ✓ inkl. Trendlinie / Quadranten-Teiler | ✓ scatter (≤30 Punkte), trendLine, quadrantDividers | ✓ vorhanden | live geprüft |
| Diagrammtypen | Sequence: ALT-Fragmente (OAuth-Beispiel) | ✓ Combined-Fragment-Grammatik | ✓ typeBlocks.altRegions (label, y, height, elseY, elseLabel), ≤2 Regionen | ✓ vorhanden | live geprüft 2026-10-04: zwei Regionen, Labels im SVG; in getCapabilityFor('sequence') dokumentiert (MZP-157) |
| Diagrammtypen | Zusätzliche Typen | – | ✓ c4, kanban, mindmap, pie, treemap, sankey, heatmap, funnel, dependency, deployment, waterfall, db-schema, uml-class, journey, story-map, fishbone, wardley, polar (18) | ＋ nur MZP | 45 statt 27 Typen |
| Stil & Varianten | Minimal light / Dark / Full-editorial | ✓ je Typ 3 Dateien | ✓ meta.variant minimal | dark | full-editorial | ✓ vorhanden | |
| Stil & Varianten | Weitere Skins | – | ✓ quiet, kontrast, gematik, journal, signal, blueprint, terminal, custom | ＋ nur MZP | |
| Stil & Varianten | Terminal-Primitive | ✓ template-terminal.html | ✓ variant: terminal | ✓ vorhanden | |
| Stil & Varianten | Sketchy-Primitive (Handstrich) | ✓ primitive-sketchy.md | ✓ meta.sketch=true, mit jeder Variante kombinierbar | ✓ vorhanden | |
| Stil & Varianten | Annotation-Callout (kursive Randnotiz) | ✓ primitive-annotation.md | ✓ ≤2 Callouts, Intents focal/muted/neutral, Leader-Kreuzungsprüfung | ✓ vorhanden | |
| Stil & Varianten | Icons | ✓ ~40 Icons (compute, people, network, data, k8s, action) + Devicon-Build | ✓ gleiche Basis + agent-*, brand, data-stack, devops, language … | ＋ nur MZP | Galerie: /published/all-icons-v2/ |
| Stil & Varianten | Dichte-/Geschmacksregeln (4/10, 1–2 Akzente) | ✓ Philosophie in SKILL.md (Agent-Disziplin) | ✓ serverseitig erzwungen: Budgets (≤9 Knoten/≤12 Kanten), Taste-Warnungen | ≠ anders gelöst | Regel → harte Validierung |
| Stil & Varianten | Light/Dark-Wechsel | separate Dateien je Variante | ✓ Theme-Umschalter im interaktiven Viewer | ＋ nur MZP | |
| Branding | Onboarding: Marke von Website-URL extrahieren | ✓ Palette + Fonts → style-guide.md, Fidelity-Receipt | – kein Tool; nur 4 feste Profile (nightline, ledger, monoblock, arcade) | ✗ Lücke | Workaround: Agent extrahiert selbst, übergibt variant: custom + meta.colors · Entscheidung: Agent-Workflow ohne Server-Abruf, MZP-162 (IDEA, P3) |
| Branding | Eigene Farben | ✓ style-guide.md Tokens | ✓ meta.colors (paper, ink, accent, series1–5 …) | ✓ vorhanden | |
| Branding | Eigene Schriften | ✓ Title/Node/Sublabel-Fonts aus Website | – keine Font-Tokens in meta | ✗ Lücke | nur maierzone-Fonts · Entscheidung: Katalog gebündelter, vermessener Schriften, MZP-161 (IDEA, P2) |
| Branding | Benannte Kundenprofile (.diagram-design Marker) | ✓ ~/.diagram-design/profiles/<slug>.md | ◐ 4 Basis-Profile (Klassenpfad-JSON, schreibgeschützt), keine eigenen speicherbar | ◐ teilweise | Profile haben 5 Farbrollen und Prosa-Typografie; der Renderer nimmt variant + meta.colors (15 Felder) und kennt kein profile. MZP-160 (IDEA, P2): DB-Tabelle + Tools |
| Branding | WCAG-Kontrastprüfung der Tokens | ✓ beim Onboarding | ◐ axe-Check (a11y=true) bei publishArtifact | ◐ teilweise | prüft Seite, nicht Token-Paar · MZP-160 (P3 im Ticket) |
| Branding | First-Run-Gate (Default-Skin-Warnung) | ✓ | – entfällt (Server-Skin ist Standard) | ≠ anders gelöst | |
| Semantik & Motion | 7 Semantic Patterns (Queue, Policy-Trace, Paved Road …) | ✓ semantic-patterns.md mit eigenen Primitiven & Budgets | ◐ nur Bausteine: nodeTypes security/failure/waiting, Zonen mit trustBoundary | ✗ Lücke | Kein Pattern-Routing, keine Pass/Fail/Skipped-Trace-Primitive · MZP-164 (Stufe a: Führung + 7 Referenzdiagramme) |
| Semantik & Motion | Animation none / reveal / step / loop | ✓ animation.md, ?motion=step&step=N, Tastatur | ◐ nur meta.animation=trace (einmaliger Fluss im Viewer) | ◐ teilweise | keine Step-/Loop-Modi, keine Frame-URL · MZP-165 (nur step + ?step=N) |
| Semantik & Motion | Animierte Beispiele (Queue, Policy-Trace, Paved Road) | ✓ 3 Dateien | – | ✗ Lücke | MZP-166 (Policy-Trace zuerst) |
| Semantik & Motion | Geführte Kapitel / Kamerafahrt | – | ✓ views (≤5), ?present=1, ?embed=1 | ＋ nur MZP | |
| Semantik & Motion | Interaktiver Viewer (Suche, Fokus, Reach-Trace, Routen-Sonde) | – | ✓ meta.interactive=true | ＋ nur MZP | |
| Semantik & Motion | Drill-down / Repo- & Wiki-Links an Knoten | – | ✓ props.drillDown, repoPath, wikiSlug | ＋ nur MZP | |
| Import | draw.io (.drawio, .xml, .png, .svg, komprimiert) | ✓ drawio_extract.py → IR | – nicht unterstützt | ✗ Lücke | größte Funktionslücke · kein Ticket |
| Import | Mermaid flowchart / state / ER | ✓ | ✓ Parameter mermaid + JSON-Overlay | ✓ vorhanden | |
| Import | Mermaid sequenceDiagram | ✓ | – MERMAID_UNSUPPORTED | ✗ Lücke | MZP-158 (IDEA, P2) |
| Import | Mermaid classDiagram | – | ✓ | ＋ nur MZP | |
| Import | Mehrere Mermaid-Blöcke aus Markdown | ✓ Header listet alle Blöcke | – ein Text pro Aufruf | ✗ Lücke | Agent muss splitten · MZP-159 |
| Import | ASCII-/Unicode-Skizze | – | ✓ Parameter ascii | ＋ nur MZP | |
| Import | Handskizze → Figur (analog) | – | ✓ analog@1.1.0, exportFigurePng | ＋ nur MZP | |
| Output-Spec | Format html / svg / png / html+png | ✓ | ✓ index.html + diagram.svg + diagram.png?scale=1..4 | ✓ vorhanden | |
| Output-Spec | Transparenter PNG-Hintergrund | – | ✓ meta.transparentBackground | ＋ nur MZP | |
| Output-Spec | Größen-Presets (slide-16x9, social-og, A4 …) + Type-Ramp | ✓ 9 Presets, Schriftgröße skaliert mit | – nur viewBoxWidth/Height manuell | ✗ Lücke | MZP-167 (nur slide-16x9 und social-og) |
| Output-Spec | Detail-Stufen faithful / balanced / simplified | ✓ Degrade-Ladder | – (Budgets begrenzen, reduzieren aber nicht) | ✗ Lücke | Agent-seitig nachbildbar · MZP-168 (Workflow, kein Server-Feld) |
| Output-Spec | Audience engineer / mixed / executive | ✓ Umformulierung der Labels | – | ✗ Lücke | Agent-seitig nachbildbar · MZP-168 (Workflow, kein Server-Feld) |
| Output-Spec | Fidelity-Ledger nach Import | ✓ | – | ✗ Lücke | MZP-163 |
| Output-Spec | Standalone-HTML ohne JS/Build | ✓ offline lauffähig | ≠ gehostet unter publisher.maierzone.de; SVG statisch | ≠ anders gelöst | |
| Qualität & Prüfung | Accessible SVG (role=img, title/desc, ID-Präfix) | ✓ lint-skin a11y-Kategorie, IDs je Diagramm präfixiert | ✓ role=img, aria-labelledby, title/desc; alle IDs je Diagramm präfixiert (Hash aus Typ, Titel, Knoten-Ids) | ✓ vorhanden | live geprüft 2026-10-04: d48fb084b-title (MZP-156) |
| Qualität & Prüfung | Label-Geometrie / Überdeckung | ✓ verify-geometry.py | ✓ LAYOUT_QUALITY (Kreuzungen, Overlaps, Hotspots) + visualProof im Browser | ✓ vorhanden | |
| Qualität & Prüfung | Auto-Layout | – Koordinaten von Hand | ✓ für graphförmige Typen, meta.direction, constraints | ＋ nur MZP | |
| Qualität & Prüfung | Connector-Routing | – manuell im SVG | ✓ serverseitig (Andockseite, Orthogonalisierung, Ausweichen) | ＋ nur MZP | |
| Qualität & Prüfung | 4px-Raster | ✓ Konvention | ✓ validiert | ✓ vorhanden | |
| Qualität & Prüfung | Render-Check im echten Browser | ◐ export.md / Playwright lokal | ✓ automatisch bei validate/publish | ＋ nur MZP | |
| Qualität & Prüfung | Skin-Lint / Motion-Verifikation / CI auf 3 OS | ✓ scripts/*.py, GitHub Actions | ≠ Server-Validierung ersetzt Skin-Lint; Motion-Checks entfallen | ≠ anders gelöst | |
| Betrieb & Distribution | Installation | Plugin für Claude Code, Codex, Pi, Cowork | MCP-Server – jeder MCP-Client | ≠ anders gelöst | |
| Betrieb & Distribution | Galerie aller Beispiele | ✓ assets/index.html mit Tabs | ◐ Icon-Galerie; keine Typ-Galerie | ◐ teilweise | |
| Betrieb & Distribution | Versionen, Rollback, Diff | – (git) | ✓ listVersions, rollbackArtifact, diffDiagram | ＋ nur MZP | |
| Betrieb & Distribution | Graph-Abfrage publizierter Diagramme | – | ✓ queryDiagram (stromauf/stromab) | ＋ nur MZP | |
| Betrieb & Distribution | Preview-/Review-Links | – | ✓ TTL-Preview bis 7 Tage | ＋ nur MZP |
54 Fähigkeiten verglichen. Quadrant, Venn und Scatter (2026-10-03) sowie Sequence-ALT-Fragmente und die SVG-IDs (2026-10-04) wurden live gegengeprüft; für alle offenen Zeilen nennt die Hinweisspalte das Ticket.