Architecture Diagram — Dark-themed SVG architecture/cloud/infra diagrams as HTML
Architecture Diagram — Dark-themed SVG architecture/cloud/infra diagrams as HTML
Finding
Denne side er vigtig, fordi den giver Hermes en native måde at lave professionelle arkitekturdiagrammer uden at bygge et separat diagramværktøj i n8n eller LangGraph.
What it is
Det er en bundled Hermes-skill til at generere mørke, tekniske arkitekturdiagrammer som én selvstændig HTML-fil med inline SVG. Den er især målrettet softwarearkitektur, cloud-infrastruktur, microservices, databaser, API-lag og sikkerhedsgrænser. Den kræver ingen API-nøgler, rendering-biblioteker eller eksterne værktøjer ud over browser-visning.
Should we use it?
Use now. Den passer direkte til Lisa’s Hermes+n8n+LangGraph mission, fordi vi ofte skal forklare, hvor Hermes, n8n og LangGraph hver især hører hjemme i operativsystemet. Den bør bruges til statiske reference-diagrammer, beslutningsmateriale og public-safe forklaringer, ikke som et live driftspanel. Den understøtter “Hermes-native first”-princippet, fordi diagrammet kan produceres af en skill i Hermes frem for et nyt workflowlag.
Recommendation
Brug denne skill som standardformat til simple, public-safe arkitekturdiagrammer for Lisa’s agent-operativsystem, især når vi skal forklare grænserne mellem Hermes som agentkerne, n8n som integrationslag og LangGraph som avanceret stateful orchestration.
Use now
- Når Lisa skal have et visuelt overblik over Hermes+n8n+LangGraph-arkitekturen.
- Når Hermes Agent Info-sitet skal vise public-safe systemdiagrammer uden private logs, env-værdier eller credentials.
- Når vi skal dokumentere rollefordeling: Hermes til session, memory, skills, tools og gateways; n8n til integrationsflows; LangGraph til specialiseret multi-agent state.
- Når nye beslutninger kræver et hurtigt “før/efter”-diagram over agent-flow, gateway-flow eller sikkerhedsgrænser.
- Når Codex/root eller andre operatører skal forstå arkitekturen uden adgang til private konfigurationsfiler.
Do not use / wait
- Brug den ikke til dynamiske dashboards, live status, metrics eller runtime-observability.
- Brug den ikke til private detaljer som rigtige domænehemmeligheder, tokens, interne filstier, rå logs eller konkrete credential-navne.
- Brug den ikke til ikke-tekniske visualiseringer som brugerrejser, undervisningsfigurer, biologiske/videnskabelige diagrammer eller whiteboard-sketches.
- Vent med at gøre den til en fast public-side-skabelon, indtil vi har én god referenceversion for Lisa’s Hermes+n8n+LangGraph-arkitektur.
Public page note
Hermes’ Architecture Diagram-skill kan bruges til at skabe sikre, statiske SVG/HTML-diagrammer, der forklarer agentarkitektur uden at afsløre private driftsdetaljer.