SkillArchitecture Diagrammer
Transforme une spécification en texte brut de composants et de connexions en un diagramme d'architecture SVG validé, avec un rapport qui écarte les arêtes inconnues, rejette les ID en double et signale les composants isolés et les cycles.
Fonctionne avec : Claude Code, Codex, Cursor, Muse · Version 1.0.0 · Il vous faut : Une spécification d'architecture (spec.txt : [components] id : Libellé | type, [connections] a -> b : libellé).
Obtenir ce Skill avec Premium Voir les formules
Aperçu
Exemple de résultat
Un exemple de ce que produit ce Skill. Contenu d'échantillon, montré à titre d'illustration.
Architecture Diagrammer report — sample Diagram report: Shop API Components: 5 | Edges drawn: 5 | Columns: 4 Components: Web App (client, column 0); API Server (service, column 1); Redis Cache (cache, column 2); Job Worker (service, column 2); Postgres (database, column 3). Edges: Web App -> API Server: HTTPS; API Server -> Redis Cache: GET; API Server -> Postgres: SQL; API Server -> Job Worker: Enqueue; Job Worker -> Postgres: SQL. Errors: none. Warnings: none. Messy draft check: 5 components, 3 edges drawn, 2 errors (duplicate api id; edge to unknown ghost dropped), 4 warnings (unknown type, 2 orphans, cycle api -> db -> api).
Ce que vous obtenez
- Un diagramme SVG validé : colonnes de dépendance, flèches étiquetées, cycles déroutés par le bas
- Un rapport de diagramme : tableaux de composants et d'arêtes plus toutes les erreurs et avertissements
- Une validation avant le dessin : écarte les arêtes inconnues et rejette les ID en double
- Un format de spécification que vous pouvez versionner avec le diagramme qu'il produit
À propos de ce Skill
Lit une spécification en texte brut ([components] avec id, libellé et type ; [connections] avec flèches étiquetées) et génère un diagramme SVG en colonnes de dépendance plus un diagram-report.md : tableaux de composants et d'arêtes, une colonne par composant et toutes les erreurs et avertissements. Une connexion nommant un composant inconnu est écartée, jamais dessinée vers une boîte inventée ; un ID en double conserve sa première définition ; les composants isolés et les cycles sont signalés, pas masqués. Uniquement local, uniquement la bibliothèque standard ; le diagramme ne montre que ce que la spécification liste — rien n'est inféré pour compléter l'image.
Essayez-le
Dessine le diagramme d'architecture de ma Shop API à partir de cette spécification.Idéal pour
- Documenter un système pour un README, un document ou une revue de PR
- Vérifier un croquis d'architecture manuscrit avant de le partager
- Garder un diagramme honnête : seul ce qui est listé est dessiné
Pas pour
- Générer un diagramme à rebours depuis un code : la spécification est écrite par vous
- Inventer des composants, des stockages ou des connexions manquants pour compléter l'image
- Prouver qu'une architecture est correcte — un rapport propre signifie qu'elle correspond à la spécification, pas à la réalité
Comment l'installer
- Copiez l'invite d'installation dans votre agent :
Read https://skillu.dev/install/agent.md, then install the Architecture Diagrammer skill (architecture-diagrammer). - Ou téléchargez le paquet du Skill depuis cette page après le lancement et placez son dossier dans le répertoire de skills de votre agent.
- Appelez-le avec une commande barre oblique, p. ex.
/architecture-diagrammer, et décrivez ce que vous voulez en mots simples.
Questions fréquentes
Que se passe-t-il si ma spécification contient une erreur ?
Le diagramme est quand même généré à partir des parties valides, et le rapport liste toutes les erreurs et avertissements : les arêtes inconnues sont écartées, les ID en double conservent leur première définition, et les isolés et cycles sont signalés. Corrigez la spécification et relancez.
Dessine-t-il quelque chose que je n'ai pas listé ?
Non. Seuls les composants et arêtes de votre spécification apparaissent. Un cache ou un chemin de secours manquant est une lacune de la spécification à corriger, pas quelque chose que la skill complète.