Testée sur une vraie tâcheCommunauté, vérifiéeDocuments et Office
Archify Diagrams
Transformez la description d'un processus ou d'un système en schéma interactif vérifié, exportable en image.
Installez Archify Diagrams gratuitement
Laissez votre email et les étapes d'installation s'ouvrent ici même : un prompt à coller dans votre outil d'IA. Valable pour les 149 skills.
- Notre note
- 4/10
- Fonctionne dans
Claude Code, Codex+6 autres
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf et plus de 60 autres outils d'IA qui lisent les skills.
- Faut-il coder ?
- Non
- Temps jusqu'au résultat
- 12 min
- Créé par
- tt-a1i
- Testée le
- 19 oct. 2026
Avec la skillLa réponse courte
Archify Diagrams est une skill Claude qui transforme une description simple, un graphique Mermaid ou une base de code en schéma interactif vérifié enregistré dans un seul fichier HTML, avec dix types allant des organigrammes aux chronologies et cartes de statuts. Elle convient à ceux qui veulent un schéma qu'on peut zoomer, changer de thème et exporter en image, SVG ou vidéo. Notre verdict est de 4/10 : dans notre test comparatif, elle a construit un schéma de processus propre et validé, mais Claude seul, avec le même prompt, a fait une page plus chaleureuse et plus détaillée, plus lisible sur téléphone.
Idéal pour : Les personnes qui veulent un schéma interactif exportable en image, SVG ou vidéo, notamment de systèmes, chronologies ou statuts, et qui le consulteront sur un ordinateur plutôt que sur un téléphone.
Envie de ce résultat dans votre propre travail ?
Inscrivez-vous gratuitement et installez Archify Diagrams en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.
Quand l'utiliser
Exporter un schéma de processus en image
Il vous faut un schéma de processus pour une diapositive, un document ou un e-mail client. Archify le construit, vérifie la mise en page, et son menu Export enregistre un PNG, JPEG, WebP, SVG ou une courte vidéo animée.
Montrer où en est une demande
Remboursements, candidatures ou commandes personnalisées passent par des statuts comme en attente, approuvé ou refusé. Son type cycle de vie montre chaque statut, ce qui mène au suivant, et où l'on recommence ou s'arrête.
Cartographier un système ou une chronologie
Vous voulez montrer comment les outils de votre activité sont reliés, ou ce qui s'est passé à quel moment lors d'un incident. Archify a des types de schémas dédiés aux cartes de systèmes, chronologies et répartitions de durées, chacun vérifié avant la remise.
Comment obtenir un excellent résultat
Installez-la et vérifiez Node
Installez-la (étapes ci-dessous). Ses vérifications tournent sur Node.js 18 ou plus récent et la dernière vérification ouvre le schéma dans un vrai navigateur, ayez donc Chrome installé.
Décrivez le processus avec de vrais faits
Dites qui intervient, les étapes, les choix en cours de route, et les vrais délais et règles. Demandez-lui de marquer toute inconnue en champ à compléter ; lors de notre test, elle l'a fait et n'a rien inventé.
Laissez-la choisir un type et lancer ses vérifications
Claude choisit l'un des dix types de schémas, écrit le schéma sous forme de données structurées et lance une étape de finalisation qui le valide, construit le HTML et le teste dans un navigateur. Si une vérification échoue, il répare et relance.
Demandez une revue des captures
Réussir les vérifications automatiques ne veut pas dire que le rendu est bon. Lors de notre test, les propres captures de Claude ont trouvé trois problèmes de mise en page que les vérifications avaient ratés : demandez-lui de regarder des captures ordinateur et téléphone avant la remise.
Ouvrez, ajustez et exportez
Ouvrez le fichier HTML dans un navigateur, passez en clair ou sombre et changez de style prédéfini, puis utilisez Export pour une image, un SVG ou une vidéo. Demandez des modifications avec des mots simples et Claude modifie les données et relance les vérifications.
Voici le prompt exact avec lequel nous avons commencé notre test :
Fais un schéma clair et joli du parcours d'une commande chez Clay & Co, du moment où le client paie jusqu'à la réception, y compris le parcours fabrication sur commande. Je vais le montrer à une personne à temps partiel que j'embauche. Enregistre-le en out/diagram.html (un seul fichier que je peux ouvrir dans un navigateur).Tout ce qu'elle a produit
Chaque élément ci-dessous est un vrai résultat de notre test, ouvert comme vous l'ouvririez.
Le déroulé de la session
La conversation de notre test, raccourcie. Environ 12 minutes entre le premier prompt et le résultat final.
- Vous: Fais un schéma clair et joli du parcours d'une commande chez Clay & Co, du moment où le client paie jusqu'à la réception, y compris le parcours fabrication sur commande. Je vais le montrer à une personne à temps partiel que j'embauche. Enregistre-le en out/diagram.html (un seul fichier que je peux ouvrir dans un navigateur). (Les informations sur l'atelier et 8 photos d'illustration ont été fournies.)
- AI: C'est un processus étape par étape avec une seule branche, j'utilise donc le type de schéma workflow. Trois rangées : Client, Atelier (chaque commande), Atelier (sur commande, environ 3 semaines). Le parcours en stock est le chemin principal.
- AI: Je corrige : descente directe pour la branche sur commande, phases regroupées en Payer / Trier et fabriquer si besoin / Emballer, expédier, livrer, et les émaux déplacés dans une carte latérale.
- AI: Votre schéma de parcours de commande est créé dans out/diagram.html. Mes choix : les faits que vous n'avez pas donnés sont marqués en champs à compléter : étapes d'emballage, étapes gérées par l'assistant, arrivée d'une nouvelle commande à l'atelier. L'ordre de l'émaillage entre les deux cuissons n'est pas précisé, il est donc écrit « émaillage et cuisson, deux cuissons » sans les ordonner. J'ai laissé de côté les ateliers, la vente en gros, les prix et les avis, puisqu'ils ne sont pas...
Ce qui a marché et ce qui a coincé
Ce qui a marché
- Claude seul a dessiné une image statique ; la version de la skill est une visionneuse interactive avec thèmes clair et sombre, zoom, animation de points en mouvement et menu Export vers image, SVG ou courte vidéo.
- Chaque étape se trouve dans une rangée étiquetée (Client, Atelier pour chaque commande, Atelier pour le sur-commande) sous des en-têtes de phase, donc qui fait quoi est plus clair que dans la colonne unique de la version simple.
- Les vérifications automatiques plus sa propre revue des captures ont repéré et corrigé trois bugs de mise en page avant la remise.
- Elle s'en est tenue aux faits fournis et a marqué les inconnues en champs à compléter (étapes d'emballage, étapes gérées par l'assistant, arrivée des commandes à l'atelier).
Ce qui a coincé
- Pour une nouvelle recrue, cela ressemble à un graphique de logiciel : look technique sombre, police machine à écrire style code, petites étiquettes. La page chaleureuse couleur papier de Claude seul, avec photos et étapes numérotées, était plus facile à suivre.
- Sur téléphone, le schéma ne tient pas : il est coupé à droite et il faut se déplacer dans un petit cadre. La version de Claude seul s'empilait proprement en une colonne lisible.
- Elle n'a pas pu utiliser les photos de l'atelier (la visionneuse n'a pas d'emplacement image), et a réduit l'étape sur commande à 3 cases là où Claude seul montrait tournage, séchage, première cuisson, émaillage et seconde cuisson, plus une barre de délais.
Envie de ce résultat dans votre propre travail ?
Inscrivez-vous gratuitement et installez Archify Diagrams en une minute environ. Un seul email ouvre les étapes d'installation de toutes les skills du site.
Des prompts qui marchent
Remplacez les parties entre crochets par vos propres informations. Inutile de nommer la skill : demandez la tâche et votre outil d'IA l'utilise tout seul.
Fais un schéma clair et joli du parcours d'une commande chez [mon entreprise], du moment où le client paie jusqu'à la réception, y compris [le parcours particulier, par ex. fabrication sur commande]. Faits : [étapes, délais, règles de livraison]. Si tu as besoin d'un autre fait, mets un [placeholder] bien visible au lieu de l'inventer.Dessine les statuts par lesquels passe une [demande de remboursement / commande personnalisée / candidature], de [premier statut] à [statuts finaux]. Montre ce qui la fait passer d'un statut au suivant et où elle peut être relancée ou annulée.Transforme cet organigramme Mermaid en schéma soigné que je peux exporter en PNG : [collez le code Mermaid]Explique [sujet, par ex. le fonctionnement de notre politique de remboursement] sous forme de page explicative d'une page que je peux envoyer à mon équipe, avec la conclusion en premier.Ce qu'il vous faut : Les skills de l'application Claude fonctionnent avec toutes les offres Claude, Free comprise, avec l'exécution de code et la création de fichiers activées ; Claude Code demande Pro ou plus., Node.js 18 ou plus récent pour lancer ses vérifications (dans l'application Claude, seulement si le bac à sable peut exécuter Node.js), Chrome pour la vérification finale dans le navigateur.
Comment l'installer
Les skills suivent le standard ouvert Agent Skills, celle-ci n'est donc pas liée à une seule entreprise. Choisissez l'outil d'IA que vous utilisez. Vous hésitez ? Le premier onglet couvre la plupart d'entre eux en une étape.
Installe cette skill pour qu'elle fonctionne dans tous mes projets : exécute `npx skills add https://github.com/tt-a1i/archify/tree/main/archify -g -y` dans mon terminal. S'il manque Node.js, explique-moi d'abord comment l'installer. Une fois terminé, confirme que la skill est installée et dis-moi comment commencer à l'utiliser.Ou faites-le vous-même :
Une seule commande installe la skill dans les outils d'IA de votre ordinateur. Elle détecte ceux que vous avez et vous demande où l'ajouter : Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, OpenCode et plus de 60 autres.
npx skills add https://github.com/tt-a1i/archify/tree/main/archify -gNode.js doit être installé (gratuit, sur nodejs.org). L'option -g rend la skill disponible dans tous vos projets.
Bon à savoir : Pas conçue pour les graphiques chiffrés ou les tableaux de bord.
Débloquez les étapes d'installation
Gratuit. Laissez votre email une seule fois pour ouvrir les étapes d'installation des 149 skills, et recevez chaque mois les meilleures nouvelles skills.
Comment nous l'avons vérifié
Nous avons vérifié la skill à sa source d'origine le 18 octobre 2026 : le SKILL.md est au bon endroit, les fichiers ont été mis à jour au cours de l'année et la licence (MIT) autorise son usage. Puis, le 19 octobre 2026, nous l'avons installée, utilisée sur la tâche ci-dessus sans la modifier, et noté ce qui s'est passé, y compris ce qui n'a pas marché.
Questions fréquentes
Faut-il savoir coder pour utiliser Archify ?
Non. Vous décrivez le processus avec des mots simples, ou collez un graphique Mermaid, et Claude écrit les données du schéma et lance les commandes. Vous obtenez un seul fichier HTML qui s'ouvre dans un navigateur.
Quelle offre et quels outils Archify demande-t-elle ?
Les skills de l'application Claude fonctionnent avec toutes les offres Claude, Free comprise, avec l'exécution de code et la création de fichiers activées ; Claude Code demande Pro ou plus. Archify demande aussi Node.js 18 ou plus récent pour ses vérifications, et Chrome pour son test dans le navigateur.
Archify fonctionne-t-elle dans Claude.ai ou seulement dans Claude Code ?
Claude Code est la voie principale. Le projet documente son import comme skill dans Claude.ai, mais elle n'y fonctionne que si le bac à sable peut exécuter Node.js.
Est-elle meilleure qu'une simple demande à Claude ?
Pas pour un simple mode d'emploi. Avec le même prompt de parcours de commande, Claude seul a fait une page chaleureuse avec photos, chaque étape du sur-commande, une barre de délais et une mise en page qui s'empilait sur téléphone, alors qu'Archify a fait un graphique sombre de style code avec moins d'étapes, coupé sur téléphone. Ce que la skill a ajouté : une visionneuse interactive avec thèmes, zoom et export image, SVG ou vidéo, plus des vérifications automatiques de mise en page.
Puis-je exporter un schéma Archify en image ou en vidéo ?
Oui. Le menu Export du schéma peut enregistrer un PNG, JPEG, WebP ou SVG, et enregistrer une courte vidéo WebM du schéma animé.
D'autres skills à découvrir
- TestéeTestée par l'équipe ai school : nous avons installé cette skill, l'avons utilisée sur une vraie tâche et lui avons donné 8/10.PowerPoint Presentations (PPTX)Créez, modifiez et relookez des présentations PowerPoint, modèles et notes du présentateur comprisNote du test8/10
- TestéeTestée par l'équipe ai school : nous avons installé cette skill, l'avons utilisée sur une vraie tâche et lui avons donné 9/10.Excel Spreadsheets (XLSX)Créez et réparez des classeurs Excel avec des formules qui marchent, des graphiques et des données propresNote du test9/10
- TestéeTestée par l'équipe ai school : nous avons installé cette skill, l'avons utilisée sur une vraie tâche et lui avons donné 9/10.Word Documents (DOCX)Créez, modifiez et relisez des fichiers Word avec suivi des modifications, commentaires et vraie mise en formeNote du test9/10