skills.rest
LamseyahElias
LamseyahEliasCOMMUNITY
Explore all skills by this author →
GitHub

architecture-diagram

Generate standalone HTML architecture diagrams with inline SVG.

Updated Jun 11, 2026
Search Tags:#architecture#html#offline#visualization#infrastructure#svg#diagrams
One-click install
npx skills add https://github.com/LamseyahElias/jarvis-cloud-v2 --skill architecture-diagram-lamseyahelias
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: architecture-diagram
Source: https://github.com/LamseyahElias/jarvis-cloud-v2/tree/main/hermes-agent/skills/creative/architecture-diagram
Command: npx skills add https://github.com/LamseyahElias/jarvis-cloud-v2 --skill architecture-diagram-lamseyahelias

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Architecture diagrams are often time-consuming to create and require specialized tools. This skill generates polished, standalone HTML diagrams with inline SVG that work offline.

Core Features & Use Cases

  • Standalone HTML diagrams with inline SVG, no external dependencies
  • Works offline in any browser and easy to share
  • Visualizes cloud, infra, and service topologies with a dark aesthetic

Quick Start

Describe your system architecture and run the skill to output a ready-to-open HTML diagram.

Frequently Asked Questions about architecture-diagram

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

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

To generate an architecture diagram as a standalone HTML file, you describe your software or cloud infrastructure, and the skill outputs a ready-to-open HTML file with inline SVG that works offline in any browser.

Can I visualize cloud infrastructure without using external dependencies or online tools?▼

Yes, you can visualize cloud infrastructure without external dependencies by generating pure HTML files with inline SVG, which operate completely offline and require no specialized diagramming tools to view.

What is the best way to create offline software architecture diagrams for design reviews?▼

The best way to create offline software architecture diagrams for design reviews is generating standalone HTML files with inline SVG, which provides polished dark-aesthetic visuals that are easily shareable and require no external tools.

Does the generated HTML architecture diagram work offline in any browser?▼

Yes, the generated HTML architecture diagram works offline in any browser because the output is a standalone file containing pure HTML with inline SVG and zero external dependencies.

How do I visualize service topology diagrams for my software architecture?▼

You visualize service topology diagrams by providing a description of your software architecture to generate a standalone HTML file, which renders the infrastructure components as an inline SVG graphic.

Related Skills

Explore More Software Engineering Skills→
davpatel605-beepdavpatel605-beep

architecture-diagram

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

Community
Intermediate
JuanMS20JuanMS20

architecture-diagram

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

Community
Intermediate
PedroGiudicePedroGiudice
5

technical-doc-creator

Generate HTML technical documentation with syntax-highlighted code and SVG architecture diagrams.

Community
Intermediate
sheawinklersheawinkler
78

architecture-diagram

Generate standalone HTML architecture diagrams with inline SVG from system descriptions.

Community
Intermediate