KI-Diagramme erstellen
Aus Anforderungen, Code oder Daten entstehen Abläufe, Sequenz- und ER-Diagramme, Gantt-Pläne, Mindmaps, Architekturen, UML und SVG-Symbole. Editierbarer Quelltext auch ohne MCP.
sourcecanvas-diagrams · 7 KB
ZIP herunterladenSourceCanvas Skills
Diagramme und SVG-Symbole mit KI erstellen und in SourceCanvas ansehen. Bei längeren Aufgaben zeigt dieselbe Vorschau den aktuellen Fortschritt.
Aktualisiert am 7. Oktober 2026 · Skills 1.0.0
Aus Anforderungen, Code oder Daten entstehen Abläufe, Sequenz- und ER-Diagramme, Gantt-Pläne, Mindmaps, Architekturen, UML und SVG-Symbole. Editierbarer Quelltext auch ohne MCP.
sourcecanvas-diagrams · 7 KB
ZIP herunterladenEine native SourceCanvas-Vorschau auf dem Mac öffnen und beim Entwickeln, Planen oder Debuggen dasselbe Fenster aktualisieren. Mit Verbindungsprüfung, Fehlerbehandlung und sicheren Exportregeln.
sourcecanvas-live-preview · 7 KB
ZIP herunterladenKostenlose Anleitungen und Beispiele, ohne App, Modell oder Pro-Freischaltung. MCP-Automatisierung benötigt macOS und die passende Berechtigung. Die Skill-Texte sind Englisch; Anfragen und Diagramme können Deutsch sein.
~/.agents/skills/.agents/skills/$sourcecanvas-diagrams~/.claude/skills/.claude/skills//sourcecanvas-diagramsDie Claude-Code-Pfade gelten nicht für Claude Desktop. Ohne Skill-Unterstützung lässt sich der Ablauf aus SKILL.md manuell als Prompt verwenden. Die Installation richtet MCP nicht automatisch ein.
/Applications/SourceCanvas.app/Contents/Helpers/sourcecanvas-mcp
serve --stdio
MCP verwendet lokales macOS-stdio, keine entfernte URL. iPhone, iPad und Apple Vision Pro können erzeugte Quelldateien öffnen, erhalten aber nicht automatisch die Mac-Vorschau.
$sourcecanvas-diagrams Zeichne einen Zahlungsablauf mit Fehler, Wiederholung und Abbruch. Gib Mermaid-Quelltext aus und kennzeichne unbestätigte Regeln als Annahmen.
$sourcecanvas-live-preview Zeige dieses Diagramm in SC und aktualisiere bei Änderungen dasselbe Fenster.
$sourcecanvas-live-preview Untersuche das Anmeldeproblem und zeige den Ablauf in SC. Aktualisiere dasselbe Diagramm bei bestätigter Ursache, umgesetzter Korrektur und Testergebnis. Zuerst anzeigen, danach im Hintergrund aktualisieren. Nur nachweislich erledigte Schritte als fertig markieren.
Codex verwendet $, Claude Code /. Alternativ den Skill im Auftrag nennen. Das Diagrammpaket enthält fünf editierbare Beispiele, das Vorschaupaket ein API-Beispiel mit zwei Revisionen.
Dieselbe preview_id behalten und revision erhöhen. Nur wichtige Änderungen im Hintergrund darstellen. Nach Ende der KI-Sitzung läuft keine Überwachung weiter.
Ein gerendertes Bild beweist kein sichtbares Fenster. Diagnosen, Anzeigeergebnis und die tatsächliche Oberfläche prüfen. Lokale Entwürfe bewahren und Konflikte bestätigen lassen.
Exportformat und freigegebenen Zielordner angeben. Bestehende Dateien standardmäßig nicht überschreiben. PlantUML ohne externe Verweise in einer Datei halten.
Lokales Rendern ändert nicht die Datenrichtlinien Ihrer KI-App. Keine Geheimnisse oder unnötigen Personendaten einfügen. Kauf- oder Prüfmeldungen in SourceCanvas Pro bearbeiten; der Skill kauft nichts für Sie.
Skill fehlt: Ordnerstruktur prüfen und neue Sitzung öffnen. MCP-Tools fehlen: lokale Konfiguration prüfen und die KI-App neu verbinden.
Zeitüberschreitung oder kein Fenster: Verbindung in SourceCanvas prüfen, dann erneut anzeigen lassen. Hilfsprozesse nicht wiederholt manuell starten.
Gantt-Probleme: Daten und Abhängigkeiten prüfen, offiziellen Mermaid-Modus verwenden. Zugriffsfehler: nur den nötigen Ordner freigeben, nicht die ganze Festplatte.