Skills pour agentsDesign

Archify : une carte d'architecture à partir d'une phrase ou du dépôt

Décrire un système en prose est difficile, le dessiner à la main prend des heures. Archify part d'une description, de Mermaid ou du dépôt lui-même et produit un schéma interactif vérifié dans un fichier HTML autonome : les nœuds sont cliquables, le chemin d'une requête se met en évidence et les liens vers le code sont fixés à un commit précis.

88 506étoiles sur GitHub · #16

Ouvrir sur GitHub

Installation

  • skills CLI
    npx skills add tt-a1i/archify@archify

Télécharger le ZIP

Auteur
tt-a1i
Licence
MIT
Pack
Un seul skill
Mis à jour
24 octobre 2026
Agents
Claude Code, Codex, Cursor, OpenCode

Ce qu’il fait

  • Dix types de schémas : architecture, workflow, sequence, dataflow, lifecycle, erd, class, tree, timeline et waterfall
  • Cartes issues du code : l'agent lit le dépôt et dessine le système avec des liens vers les sources fixés à un commit
  • Le mode explainer répond en une page : la conclusion d'abord, puis des panneaux avec tableaux, étapes, graphiques et sources numérotées
  • Thèmes clair et sombre, quatre styles, export en PNG, WebP, JPG, SVG et WebM ou impression en PDF
  • finalize valide le schéma avant livraison, et une retouche comme surligner le chemin d'un défaut de cache se demande au message suivant

Quand s’en servir

  • Un nouveau développeur doit comprendre vite comment les services du projet s'articulent
  • Vous rédigez un post-mortem et voulez une chronologie ou un waterfall qui montre où le temps est passé
  • Vous devez expliquer une décision à l'équipe sur une page, avec conclusion, raisons et schéma

Demandez à l’agent

  • Avec Archify, dessine le navigateur qui appelle l'API, l'API qui consulte Redis et le défaut de cache vers PostgreSQL
  • Lis ce dépôt et construis un schéma d'architecture avec des liens vers le code
  • Réponds en une page : pourquoi le P99 est passé de 80 à 600 ms alors que la moyenne a peu bougé

Questions

Comment installer Archify ?

Avec npx skills add tt-a1i/archify@archify. Pour vérifier l'installation, le skill fournit node bin/archify.mjs doctor et une commande demo.

Archify fonctionne-t-il dans Codex et Cursor ?

Oui. Le README cite Cursor, Claude Code, Codex CLI et OpenCode, et le résultat est un simple fichier HTML lisible dans n'importe quel navigateur.

Quelle différence entre Archify et Mermaid ?

Archify accepte Mermaid en entrée mais rend un schéma interactif avec thèmes, chemins surlignés, liens vers le code et export en image ou en vidéo.

DesignTous les skills

Rédigé d’après le README et le SKILL.md de tt-a1i/archify. Étoiles au 24 octobre 2026.