Generieren Sie klare, minimalistische technische SVG-Diagramme in einem konsistenten, von Cloudflare inspirierten Stil. Verwenden Sie es beim Erstellen von Architekturdiagrammen, Flussdiagrammen oder Komponentendiagrammen für Blogbeiträge und Dokumentation.
Installieren Sie den KI-Skill technical-svg-diagrams schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
Quelle: somtougeh/somto-dev-toolkit.
Generate technical SVG diagrams with consistent styling for blog posts and documentation. All diagrams use a unified visual language: grid backgrounds, monospace fonts, muted colors with semantic accents, and clean geometric shapes.
| Background | Light gray | #fafafa | | Grid lines | Subtle gray | #e5e5e5 | | Primary text | Dark gray | #333 | | Secondary text | Medium gray | #666 | | Muted text | Light gray | #999 | | Borders/arrows | Gray | #ccc | | Success/positive | Green | #27ae60 | | Error/negative | Red | #e74c3c | | Primary accent | Blue | #3498db |
| Warning/sandbox | Orange | #f39c12 | | Process step | Purple | #9b59b6 |
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagramsGenerieren Sie klare, minimalistische technische SVG-Diagramme in einem konsistenten, von Cloudflare inspirierten Stil. Verwenden Sie es beim Erstellen von Architekturdiagrammen, Flussdiagrammen oder Komponentendiagrammen für Blogbeiträge und Dokumentation. Quelle: somtougeh/somto-dev-toolkit.
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw
https://github.com/somtougeh/somto-dev-toolkit