CommunityCodierung & Entwicklunggithub.com

prasidmitra/system-design-diagram

Claude-Code-Fähigkeit für organisierte Systemdesign-Diagramme (HTML+SVG) mit PNG-Export.

Was ist system-design-diagram?

Diese Fähigkeit ermöglicht es Claude Code, strukturierte Systemdesign-Diagramme im HTML+SVG-Format zu erstellen und als PNG zu exportieren. Sie ist besonders nützlich für Entwickler, Architekten und Teams, die visuelle Darstellungen ihrer Systemarchitektur benötigen – sei es für Dokumentation, Präsentationen oder Code-Reviews. Die Fähigkeit unterstützt Claude Code und erzeugt saubere, skalierbare Diagramme direkt aus der CLI. Sie organisiert Diagrammkomponenten logisch und ermöglicht einen einfachen Export in gängige Bildformate. Dadurch entfällt die manuelle Erstellung von Diagrammen, und die Konsistenz zwischen Code und Architektur wird verbessert.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add prasidmitra/system-design-diagram

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht system-design-diagram?

Claude-Code-Fähigkeit für organisierte Systemdesign-Diagramme (HTML+SVG) mit PNG-Export.

Verwandte Skills