skills.rest
gqf2008
gqf2008COMMUNITY
Explore all skills by this author →
Website𝕏@gqf25044395GitHub

architecture-diagram

Generate dark-themed standalone HTML SVG diagrams of software systems and cloud infrastructure.

Updated Apr 19, 2026
Search Tags:#architecture#html#visualization#cloud#infrastructure#svg#diagram
One-click install
npx skills add https://github.com/gqf2008/hermez-ai --skill architecture-diagram-gqf2008
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: architecture-diagram
Source: https://github.com/gqf2008/hermez-ai/tree/main/skills/creative/architecture-diagram
Command: npx skills add https://github.com/gqf2008/hermez-ai --skill architecture-diagram-gqf2008

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates dark-themed, standalone HTML SVG diagrams of software systems and cloud infrastructure, enabling quick, offline visualization without external tools.

Core Features & Use Cases

  • Standalone HTML output with inline SVG and a consistent design system (JetBrains Mono font, dark background, grid pattern).
  • Applicable to software architecture, cloud/VPC topology, microservice maps, service-mesh diagrams, and security/data-flow diagrams.
  • Outputs easily shareable diagrams for architecture reviews, deck-ready visuals, and documentation.

Quick Start

Describe your system architecture and save the resulting diagram as a standalone HTML file with inline SVG.

Frequently Asked Questions about architecture-diagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a software architecture diagram as a standalone HTML file?▼

To generate a software architecture diagram as a standalone HTML file, describe your system architecture and the tool outputs a self-contained document with inline SVG that opens offline in any modern browser.

Can I create cloud infrastructure and VPC topology diagrams without external libraries?▼

Yes, you can create cloud infrastructure and VPC topology diagrams without external libraries by generating a self-contained HTML file with inline SVG, requiring no additional tools for offline visualization.

What is the best way to map microservice and data flow diagrams for architecture reviews?▼

The best way to map microservice and data flow diagrams for architecture reviews is generating dark-themed, deck-ready SVG visuals embedded directly within a standalone HTML file.

Does the generated HTML SVG diagram require internet access to render cloud topology?▼

No, the generated HTML SVG diagram does not require internet access to render cloud topology, as it produces a standalone HTML file with inline SVG and a consistent design system viewable offline.

How to visualize security group layouts and service-mesh diagrams offline?▼

To visualize security group layouts and service-mesh diagrams offline, generate a dark-themed standalone HTML file containing inline SVG graphics that accurately map your system topology.

Related Skills

Explore More Software Engineering Skills→
davpatel605-beepdavpatel605-beep

architecture-diagram

Generate dark-themed SVG architecture diagrams as standalone HTML documents.

Community
Intermediate
LamseyahEliasLamseyahElias

architecture-diagram

Generate standalone HTML architecture diagrams with inline SVG.

Community
Intermediate
heximaoheximao

architecture-diagram

Generate dark-themed SVG architecture diagrams as HTML files.

Community
Intermediate
liumeixinliumeixin
4

architecture-diagram

Generate dark-themed SVG architecture diagrams as standalone HTML files.

Community
Intermediate