Générez des diagrammes SVG techniques épurés et minimaux dans un style cohérent inspiré de Cloudflare. À utiliser lors de la création de diagrammes d'architecture, de diagrammes de flux ou de diagrammes de composants pour les articles de blog et la documentation.
Installez rapidement le skill IA technical-svg-diagrams dans votre environnement de développement via la ligne de commande
Source : 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 |
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagramsGénérez des diagrammes SVG techniques épurés et minimaux dans un style cohérent inspiré de Cloudflare. À utiliser lors de la création de diagrammes d'architecture, de diagrammes de flux ou de diagrammes de composants pour les articles de blog et la documentation. Source : somtougeh/somto-dev-toolkit.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/somtougeh/somto-dev-toolkit