·technical-svg-diagrams
</>

technical-svg-diagrams

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.

4Installations·0Tendance·@somtougeh

Installation

$npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams

Comment installer technical-svg-diagrams

Installez rapidement le skill IA technical-svg-diagrams dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams
  3. Vérifier l'installation: 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

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 |

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/somtougeh/somto-dev-toolkit --skill technical-svg-diagrams
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-11

Browse more skills from somtougeh/somto-dev-toolkit

Réponses rapides

Qu'est-ce que technical-svg-diagrams ?

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. Source : somtougeh/somto-dev-toolkit.

Comment installer technical-svg-diagrams ?

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

Où se trouve le dépôt source ?

https://github.com/somtougeh/somto-dev-toolkit

Détails

Catégorie
</>Développement
Source
skills.sh
Première apparition
2026-02-25

Skills Connexes

Aucun