# Archify — Validated interactive HTML diagrams, upstream-maintained

> Validated interactive HTML diagrams, upstream-maintained

- 网址：https://funcoding.ai/agents/hermes-agent/user-guide/skills/optional/creative/creative-archify/
- 来源：Hermes Agent 官方文档原文（英文），MIT 许可，同步于 2026-10-11
- 官方原文：https://hermes-agent.nousresearch.com/docs/zh-Hans/user-guide/skills/optional/creative/creative-archify

---
Validated interactive HTML diagrams, upstream-maintained.

## Skill metadata

| | |
|---|---|
| Source | Optional — install with `hermes skills install official/creative/archify` |
| Path | `optional-skills/creative/archify` |
| Version | `2.17.0` |
| Author | tt-a1i |
| License | MIT |
| Platforms | linux, macos, windows |
| Tags | `diagram`, `architecture`, `workflow`, `sequence`, `dataflow`, `state-machine`, `mermaid`, `html`, `svg` |
| Related skills | [`architecture-diagram`](https://funcoding.ai/agents/hermes-agent/user-guide/skills/bundled/creative/creative-architecture-diagram/), [`excalidraw`](https://funcoding.ai/agents/hermes-agent/user-guide/skills/optional/creative/creative-excalidraw/), [`concept-diagrams`](https://funcoding.ai/agents/hermes-agent/user-guide/skills/optional/creative/creative-concept-diagrams/) |

## Reference: full SKILL.md

<div class="callout callout-note">

The following is the complete skill definition that Hermes loads when this skill is triggered. This is what the agent sees as instructions when the skill is active.

</div>

# Archify (upstream-maintained)

> **Catalog stub.** This entry is maintained upstream at
> [tt-a1i/archify](https://github.com/tt-a1i/archify): the project ships a
> self-contained skill directory (`archify/`) with the Node CLI, schemas,
> renderers, examples and references. `hermes skills install
> official/creative/archify` pulls the current tree live from that repo
> (quarantined and scanned like any hub install) — this directory holds only
> the catalog metadata, so the vendored copy can never go stale.

Archify turns a small typed JSON spec into a self-contained, explorable HTML
diagram: `architecture`, `workflow`, `sequence`, `dataflow` and `lifecycle`
(state machine) types, dark/light themes, pan/zoom, search, relationship
tracing, optional trace motion, and PNG/JPEG/WebP/SVG/WebM export. It accepts
plain-language requirements or pasted Mermaid (`flowchart`, `sequenceDiagram`,
`stateDiagram`) and can read repository evidence when the diagram must reflect
real code. Every candidate goes through a 9-check `validate` / `deliver`
receipt, so the output is verifiable rather than eyeballed.

## Prerequisites

- Node.js 18+ on `PATH` (`node bin/archify.mjs doctor` confirms the install;
  no `npm install` is needed inside the skill package).
- Installs pull ~200 files (~8 MB, mostly upstream tests and examples) from
  GitHub; the fetch is pinned to one tree SHA, recorded in the bundle metadata.
- Upstream's "Update awareness" step runs `scripts/check-update.mjs`, which
  reads a release manifest from GitHub and only prints a notice — it never
  downloads or installs anything. Skip it if outbound calls are unwanted.

After install, the bundled `architecture-diagram` skill remains the
zero-dependency fallback (it ports the same Cocoon AI lineage archify grew out
of); prefer archify when the user wants validated receipts, Mermaid conversion,
sequence/lifecycle types, or export beyond a single HTML file.

Full documentation: https://github.com/tt-a1i/archify#readme