skills.rest
wwwillott
wwwillottCOMMUNITY
Explore all skills by this author →
GitHub

architecture-diagram

Create dark-themed architecture diagrams in standalone HTML with inline SVG.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create self-contained, dark-themed architecture diagrams in HTML using inline SVG to clearly communicate system design without external tooling.

Core Features & Use Cases

  • Generate dark-themed SVG diagrams for software systems and cloud infrastructure
  • Output standalone HTML files with inline SVG (no dependencies) suitable for offline sharing
  • Applicable to architecture reviews, network topology maps, and infrastructure documentation

Quick Start

Describe your system and run the architecture-diagram skill to produce a ready-to-view HTML file.

Frequently Asked Questions about architecture-diagram

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

FAQPage Schema
How do I create a standalone HTML architecture diagram with inline SVG?▼

To create a standalone HTML architecture diagram with inline SVG, this skill generates a self-contained HTML file requiring no external tools or libraries, producing a single file ready for browser viewing.

What is the best way to visualize cloud infrastructure offline?▼

The best way to visualize cloud infrastructure offline is generating a self-contained HTML file with inline SVG, ensuring the architecture diagram is fully viewable in a browser without external dependencies.

Do I need external libraries to view or share these architecture diagrams?▼

No, you do not need external libraries to view or share these architecture diagrams because the skill outputs a single self-contained HTML file with inline SVG suitable for offline sharing.

Can I generate dark-themed network topology maps for system documentation?▼

Yes, you can generate dark-themed network topology maps for system documentation by creating standalone HTML files with inline SVG that clearly communicate software architecture and infrastructure.

When should I not use self-contained HTML files for software architecture diagrams?▼

You should not use self-contained HTML files for software architecture diagrams when your project requires dynamic external data fetching or real-time interactive rendering beyond static SVG visualization.

Related Skills

Explore More Design & Creative Skills→
moltis-orgmoltis-org
2.8k

architecture-diagram

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

Official
Advanced
zangjeicyzangjeicy

architecture-diagram

Generate standalone HTML files with inline SVG architecture diagrams.

Community
Intermediate
matthew-johnsonmatthew-johnson

architecture-diagram

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

Community
Advanced
markwang2658markwang2658
31

architecture-diagram

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

Community
Intermediate