Archify Diagram Skill for Muse **Nom FR:** Skill Diagrammes d'Architecture Archify pour Muse **Tagline EN:** Interactive architecture diagrams that validate themselves **Tagline FR:** Des diagrammes d'architecture interactifs qui se valident **Créateur:** @tt-a1i **URL source:** https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md **Licence — Type — Catégorie — Mots-clés:** MIT — Skill — Design — architecture diagrams, system architecture, workflow diagrams, sequence diagrams, data flow, state machine, mermaid conversion, interactive HTML, inline SVG **Description EN:** Curated by Skill Harbor — a free, open-source skill (MIT) by @tt-a1i, listed here with credit to its creator. Turns plain-language system descriptions — or pasted Mermaid flowcharts, sequence diagrams, and state diagrams — into polished, explorable architecture, workflow, sequence, data-flow, and lifecycle/state diagrams delivered as standalone HTML files with inline SVG, dark and light themes, optional trace-motion animation, and export to PNG, JPEG, WebP, SVG, or WebM. It authors from a typed JSON schema with example-driven layout rules, then runs a gated finalize pipeline — showcase validation, strict checks, and a real-browser check — with bounded repair reruns when a gate fails, and it can trace real repository evidence when the diagram must reflect actual code rather than a description. Discovered via skills.sh. Honest note: the full pipeline needs Node.js and the bundled archify CLI that ships with the skill package; the skill is opinionated about process (fresh IDs and wording per diagram, automatic routing first, no preliminary drafts), and without shell access it falls back to hand-placed SVG, which is slower and less validated. Skill Harbor never reviews the code, review it yourself before use. Not verified. **Description FR:** Sélectionné par Skill Harbor — un skill gratuit et open-source (MIT) par @tt-a1i, listé ici avec crédit à son créateur. Transforme des descriptions de systèmes en langage naturel — ou des diagrammes Mermaid collés (flowcharts, séquences, états) — en diagrammes d'architecture, de workflow, de séquence, de flux de données et de cycle de vie polis et explorables, livrés en fichiers HTML autonomes avec SVG intégré, thèmes clair et sombre, animation de traçage optionnelle, et export PNG, JPEG, WebP, SVG ou WebM. Il construit à partir d'un schéma JSON typé avec des règles de mise en page guidées par exemples, puis exécute un pipeline de finalisation avec portes de validation — validation vitrine, contrôles stricts et vérification dans un vrai navigateur — avec reprises de réparation bornées si une porte échoue ; il peut aussi tracer les preuves réelles d'un dépôt quand le diagramme doit refléter du code existant plutôt qu'une description. Découvert via skills.sh. Note honnête : le pipeline complet nécessite Node.js et la CLI archify fournie avec le skill ; le skill est pointilleux sur le processus (nouveaux identifiants et libellés à chaque diagramme, routage automatique d'abord, pas de brouillons préliminaires), et sans accès shell il bascule sur du SVG placé à la main, plus lent et moins validé. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié. **Install prompt EN:** ``` Prerequisites: Node.js 18+ (to run the bundled archify CLI that ships with the skill package); a working directory where diagrams will be generated; your system description in plain language, pasted Mermaid input, or a repository to trace. No API keys. Install "Archify Diagram Skill for Muse" for me. Turns plain-language system descriptions or pasted Mermaid diagrams into validated, interactive architecture, workflow, sequence, data-flow, and lifecycle diagrams as standalone HTML with inline SVG (dark/light themes, optional trace motion, PNG/JPEG/WebP/SVG/WebM export), with a gated finalize pipeline including real-browser checks. Repository: https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Fetch the SKILL.md file (and any helper files: schemas/, examples/, references/, bin/) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "archify". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. have Node.js 18+ available and point the skill at the bundled bin/archify.mjs CLI). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : Node.js 18+ (pour exécuter la CLI archify fournie avec le skill) ; un répertoire de travail où les diagrammes seront générés ; votre description de système en langage naturel, un diagramme Mermaid à convertir, ou un dépôt à tracer. Aucune clé API. Installe-moi « Skill Diagrammes d'Architecture Archify pour Muse ». Transforme des descriptions en langage naturel ou des diagrammes Mermaid collés en diagrammes d'architecture, de workflow, de séquence, de flux de données et de cycle de vie validés et interactifs, en HTML autonome avec SVG intégré (thèmes clair/sombre, animation de traçage optionnelle, export PNG/JPEG/WebP/SVG/WebM), avec un pipeline de finalisation incluant des vérifications dans un vrai navigateur. Dépôt : https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : schemas/, examples/, references/, bin/) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « archify ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. disposer de Node.js 18+ et pointer le skill vers la CLI bin/archify.mjs fournie). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi. ```
Interactive architecture diagrams that validate themselves **Tagline FR:** Des diagrammes d'architecture interactifs qui se valident **Créateur:** @tt-a1i **URL source:** https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md **Licence — Type — Catégorie — Mots-clés:** MIT — Skill — Design — architecture diagrams, system architecture, workflow diagrams, sequence diagrams, data flow, state machine, mermaid conversion, interactive HTML, inline SVG **Description EN:** Curated by Skill Harbor — a free, open-source skill (MIT) by @tt-a1i, listed here with credit to its creator. Turns plain-language system descriptions — or pasted Mermaid flowcharts, sequence diagrams, and state diagrams — into polished, explorable architecture, workflow, sequence, data-flow, and lifecycle/state diagrams delivered as standalone HTML files with inline SVG, dark and light themes, optional trace-motion animation, and export to PNG, JPEG, WebP, SVG, or WebM. It authors from a typed JSON schema with example-driven layout rules, then runs a gated finalize pipeline — showcase validation, strict checks, and a real-browser check — with bounded repair reruns when a gate fails, and it can trace real repository evidence when the diagram must reflect actual code rather than a description. Discovered via skills.sh. Honest note: the full pipeline needs Node.js and the bundled archify CLI that ships with the skill package; the skill is opinionated about process (fresh IDs and wording per diagram, automatic routing first, no preliminary drafts), and without shell access it falls back to hand-placed SVG, which is slower and less validated. Skill Harbor never reviews the code, review it yourself before use. Not verified. **Description FR:** Sélectionné par Skill Harbor — un skill gratuit et open-source (MIT) par @tt-a1i, listé ici avec crédit à son créateur. Transforme des descriptions de systèmes en langage naturel — ou des diagrammes Mermaid collés (flowcharts, séquences, états) — en diagrammes d'architecture, de workflow, de séquence, de flux de données et de cycle de vie polis et explorables, livrés en fichiers HTML autonomes avec SVG intégré, thèmes clair et sombre, animation de traçage optionnelle, et export PNG, JPEG, WebP, SVG ou WebM. Il construit à partir d'un schéma JSON typé avec des règles de mise en page guidées par exemples, puis exécute un pipeline de finalisation avec portes de validation — validation vitrine, contrôles stricts et vérification dans un vrai navigateur — avec reprises de réparation bornées si une porte échoue ; il peut aussi tracer les preuves réelles d'un dépôt quand le diagramme doit refléter du code existant plutôt qu'une description. Découvert via skills.sh. Note honnête : le pipeline complet nécessite Node.js et la CLI archify fournie avec le skill ; le skill est pointilleux sur le processus (nouveaux identifiants et libellés à chaque diagramme, routage automatique d'abord, pas de brouillons préliminaires), et sans accès shell il bascule sur du SVG placé à la main, plus lent et moins validé. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié. **Install prompt EN:** ``` Prerequisites: Node.js 18+ (to run the bundled archify CLI that ships with the skill package); a working directory where diagrams will be generated; your system description in plain language, pasted Mermaid input, or a repository to trace. No API keys. Install "Archify Diagram Skill for Muse" for me. Turns plain-language system descriptions or pasted Mermaid diagrams into validated, interactive architecture, workflow, sequence, data-flow, and lifecycle diagrams as standalone HTML with inline SVG (dark/light themes, optional trace motion, PNG/JPEG/WebP/SVG/WebM export), with a gated finalize pipeline including real-browser checks. Repository: https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Fetch the SKILL.md file (and any helper files: schemas/, examples/, references/, bin/) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "archify". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. have Node.js 18+ available and point the skill at the bundled bin/archify.mjs CLI). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : Node.js 18+ (pour exécuter la CLI archify fournie avec le skill) ; un répertoire de travail où les diagrammes seront générés ; votre description de système en langage naturel, un diagramme Mermaid à convertir, ou un dépôt à tracer. Aucune clé API. Installe-moi « Skill Diagrammes d'Architecture Archify pour Muse ». Transforme des descriptions en langage naturel ou des diagrammes Mermaid collés en diagrammes d'architecture, de workflow, de séquence, de flux de données et de cycle de vie validés et interactifs, en HTML autonome avec SVG intégré (thèmes clair/sombre, animation de traçage optionnelle, export PNG/JPEG/WebP/SVG/WebM), avec un pipeline de finalisation incluant des vérifications dans un vrai navigateur. Dépôt : https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : schemas/, examples/, references/, bin/) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « archify ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. disposer de Node.js 18+ et pointer le skill vers la CLI bin/archify.mjs fournie). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi. ```
- What
- Interactive architecture diagrams that validate themselves **Tagline FR:** Des diagrammes d'architecture interactifs qui se valident **Créateur:** @tt-a1i **URL source:** https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md **Licence — Type — Catégorie — Mots-clés:** MIT — Skill — Design — architecture diagrams, system architecture, workflow diagrams, sequence diagrams, data flow, state machine, mermaid conversion, interactive HTML, inline SVG **Description EN:** Curated by Skill Harbor — a free, open-source skill (MIT) by @tt-a1i, listed here with credit to its creator. Turns plain-language system descriptions — or pasted Mermaid flowcharts, sequence diagrams, and state diagrams — into polished, explorable architecture, workflow, sequence, data-flow, and lifecycle/state diagrams delivered as standalone HTML files with inline SVG, dark and light themes, optional trace-motion animation, and export to PNG, JPEG, WebP, SVG, or WebM. It authors from a typed JSON schema with example-driven layout rules, then runs a gated finalize pipeline — showcase validation, strict checks, and a real-browser check — with bounded repair reruns when a gate fails, and it can trace real repository evidence when the diagram must reflect actual code rather than a description. Discovered via skills.sh. Honest note: the full pipeline needs Node.js and the bundled archify CLI that ships with the skill package; the skill is opinionated about process (fresh IDs and wording per diagram, automatic routing first, no preliminary drafts), and without shell access it falls back to hand-placed SVG, which is slower and less validated. Skill Harbor never reviews the code, review it yourself before use. Not verified. **Description FR:** Sélectionné par Skill Harbor — un skill gratuit et open-source (MIT) par @tt-a1i, listé ici avec crédit à son créateur. Transforme des descriptions de systèmes en langage naturel — ou des diagrammes Mermaid collés (flowcharts, séquences, états) — en diagrammes d'architecture, de workflow, de séquence, de flux de données et de cycle de vie polis et explorables, livrés en fichiers HTML autonomes avec SVG intégré, thèmes clair et sombre, animation de traçage optionnelle, et export PNG, JPEG, WebP, SVG ou WebM. Il construit à partir d'un schéma JSON typé avec des règles de mise en page guidées par exemples, puis exécute un pipeline de finalisation avec portes de validation — validation vitrine, contrôles stricts et vérification dans un vrai navigateur — avec reprises de réparation bornées si une porte échoue ; il peut aussi tracer les preuves réelles d'un dépôt quand le diagramme doit refléter du code existant plutôt qu'une description. Découvert via skills.sh. Note honnête : le pipeline complet nécessite Node.js et la CLI archify fournie avec le skill ; le skill est pointilleux sur le processus (nouveaux identifiants et libellés à chaque diagramme, routage automatique d'abord, pas de brouillons préliminaires), et sans accès shell il bascule sur du SVG placé à la main, plus lent et moins validé. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage. Non vérifié. **Install prompt EN:** ``` Prerequisites: Node.js 18+ (to run the bundled archify CLI that ships with the skill package); a working directory where diagrams will be generated; your system description in plain language, pasted Mermaid input, or a repository to trace. No API keys. Install "Archify Diagram Skill for Muse" for me. Turns plain-language system descriptions or pasted Mermaid diagrams into validated, interactive architecture, workflow, sequence, data-flow, and lifecycle diagrams as standalone HTML with inline SVG (dark/light themes, optional trace motion, PNG/JPEG/WebP/SVG/WebM export), with a gated finalize pipeline including real-browser checks. Repository: https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Fetch the SKILL.md file (and any helper files: schemas/, examples/, references/, bin/) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "archify". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. have Node.js 18+ available and point the skill at the bundled bin/archify.mjs CLI). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me. ``` **Install prompt FR:** ``` Prérequis : Node.js 18+ (pour exécuter la CLI archify fournie avec le skill) ; un répertoire de travail où les diagrammes seront générés ; votre description de système en langage naturel, un diagramme Mermaid à convertir, ou un dépôt à tracer. Aucune clé API. Installe-moi « Skill Diagrammes d'Architecture Archify pour Muse ». Transforme des descriptions en langage naturel ou des diagrammes Mermaid collés en diagrammes d'architecture, de workflow, de séquence, de flux de données et de cycle de vie validés et interactifs, en HTML autonome avec SVG intégré (thèmes clair/sombre, animation de traçage optionnelle, export PNG/JPEG/WebP/SVG/WebM), avec un pipeline de finalisation incluant des vérifications dans un vrai navigateur. Dépôt : https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Récupérez le fichier SKILL.md (et les fichiers auxiliaires : schemas/, examples/, references/, bin/) depuis le chemin du dépôt dans un dossier temporaire et résumez ce qu'il fait en une ou deux phrases. 2. Contrôle de sécurité : examinez le SKILL.md et les scripts pour tout contenu suspect (appels réseau inattendus, commandes shell, récolte d'identifiants). Ce dépôt ne doit contenir aucun secret dans le code ; les identifiants passent uniquement par le coffre sécurisé, les hôtes autorisés sont déclarés dans le SKILL.md. Vérifiez que c'est bien le cas ; STOP sur le moindre signal d'alerte et prévenez-moi. 3. Installez-le comme skill : copiez SKILL.md et ses fichiers auxiliaires dans le répertoire des skills de l'agent, dans un dossier nommé « archify ». 4. Vérifiez sans appels réseau : frontmatter valide, fichiers en place. 5. Indiquez ce qui a été installé, où, et ce qu'il me reste à faire moi-même (ex. disposer de Node.js 18+ et pointer le skill vers la CLI bin/archify.mjs fournie). GitHub est optionnel : si j'ai un compte GitHub ou le CLI gh, vous pouvez l'utiliser ; sinon, l'accès public suffit. Règles : ne touchez à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrêtez et demandez-moi. ```
- Cost
- Free
- Needs
- Node.js 18+ (to run the bundled archify CLI that ships with the skill package); a working directory where diagrams will be generated; your system description in plain language, pasted Mermaid input, or a repository to trace. No API keys.
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Turns plain-language system descriptions — or pasted Mermaid flowcharts, sequence diagrams, and state diagrams — into polished, explorable architecture, workflow, sequence, data-flow, and lifecycle/state diagrams delivered as standalone HTML files with inline SVG, dark and light themes, optional trace-motion animation, and export to PNG, JPEG, WebP, SVG, or WebM. It authors from a typed JSON schema with example-driven layout rules, then runs a gated finalize pipeline — showcase validation, strict checks, and a real-browser check — with bounded repair reruns when a gate fails, and it can trace real repository evidence when the diagram must reflect actual code rather than a description. Discovered via skills.sh. Honest note: the full pipeline needs Node.js and the bundled archify CLI that ships with the skill package; the skill is opinionated about process (fresh IDs and wording per diagram, automatic routing first, no preliminary drafts), and without shell access it falls back to hand-placed SVG, which is slower and less validated. Skill Harbor never reviews the code, review it yourself before use. Not verified.
Curated by Skill Harbor — free, open-source skill (MIT) by @tt-a1i.
Version:
Install
Prerequisites: Node.js 18+ (to run the bundled archify CLI that ships with the skill package); a working directory where diagrams will be generated; your system description in plain language, pasted Mermaid input, or a repository to trace. No API keys. Install "Archify Diagram Skill for Muse" for me. Turns plain-language system descriptions or pasted Mermaid diagrams into validated, interactive architecture, workflow, sequence, data-flow, and lifecycle diagrams as standalone HTML with inline SVG (dark/light themes, optional trace motion, PNG/JPEG/WebP/SVG/WebM export), with a gated finalize pipeline including real-browser checks. Repository: https://github.com/tt-a1i/archify/blob/main/archify/SKILL.md 1. Fetch the SKILL.md file (and any helper files: schemas/, examples/, references/, bin/) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault, allowed hosts declared in the SKILL.md. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "archify". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself (e.g. have Node.js 18+ available and point the skill at the bundled bin/archify.mjs CLI). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.