drawio-gcp
drawio-gcp generates correct Google Cloud architecture diagrams in draw.io format using a deterministic engine that validates icons, colors, nesting, and geometry. It supports VPC/networking, GKE, Cloud Run, landing zones, and multi-region designs, delivering .drawio files with optional PNG or SVG export on request.
drawio-gcp builds validated Google Cloud architecture diagrams using ground-truth GCP service icons and a declarative layout engine.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-18
drawio-gcp builds validated Google Cloud architecture diagrams using ground-truth GCP service icons and a declarative layout engine. drawio-gcp generates correct Google Cloud architecture diagrams in draw.io format using a deterministic engine that validates icons, colors, nesting, and geometry. It supports VPC/networking, GKE, Cloud Run, landing zones, and multi-region designs, delivering .drawio files with optional PNG or SVG export on request.
Use it when
- Yes.
- drawio-gcp visualizes Google Cloud networking and VPC topology by generating draw.io diagrams that show subnets, firewall rules, peering.
Verify before relying
Read SKILL.md below before installing (1 file). Open directory: indexed for reading, not audited.
Install
sparklabx/drawio-ai-kit/drawio-gcp · repository language: JavaScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does drawio-gcp do?
drawio-gcp generates correct Google Cloud architecture diagrams in draw.io format using a deterministic engine that validates icons, colors, nesting, and geometry. It supports VPC/networking, GKE, Cloud Run, landing zones, and multi-region designs, delivering .drawio files with optional PNG or SVG export on request.
Can I create a GCP architecture diagram with drawio-gcp?
Yes. drawio-gcp creates GCP architecture diagrams with proper icons and validation, ensuring correct nesting, colors, and geometry. You can design VPC topologies, GKE clusters, Cloud Run services, multi-region setups, and landing zones—all rendered as native draw.io files ready for editing or export.
How do I draw a google cloud vpc diagram with drawio-gcp?
drawio-gcp visualizes Google Cloud networking and VPC topology by generating draw.io diagrams that show subnets, firewall rules, peering, and Shared VPC configurations. The tool uses ground-truth GCP stencils and validates all components to ensure your network architecture is accurate and compliant.
Does drawio-gcp support multi-region and GKE setups?
Yes. drawio-gcp generates draw.io diagrams for GCP multi-region deployments and GKE clusters, automatically placing resources across regions with correct icon placement and relationships. It also supports Cloud Run, landing zones, and other Google Cloud services in a single validated diagram.
What file formats does drawio-gcp export?
drawio-gcp delivers native .drawio files by default. On request, it can also export diagrams as PNG or SVG images, giving you flexibility to embed architecture visualizations in documentation, presentations, or design reviews while maintaining full editability in draw.io.
Is drawio-gcp open source?
Yes. drawio-gcp is released under the MIT license, making it free to use, modify, and distribute. You can integrate it into your infrastructure-as-code workflows, extend it with custom stencils, or build upon it for your organization's specific Google Cloud architecture needs.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Draw.io GCP
Produce correct Google Cloud architecture diagrams in draw.io. This skill is a thin
frontend; the deterministic engine, validator, and rules live in the
drawio-ai-kit package, reached via the drawio-ai CLI.
0. Preflight — the CLI must be installed
command -v drawio-ai >/dev/null 2>&1 || echo "Install the Kit first: npm i -g github:sparklabx/drawio-ai-kit"
If drawio-ai is not on PATH, stop and tell the user to run
npm i -g github:sparklabx/drawio-ai-kit. Never run npm i -g yourself — nothing mutates the
user's global environment without their say-so.
1. Delegate the build (preferred when your harness supports it)
If your harness can spawn autonomous subagents that run shell
(truncated - see the full file via the links below)
File tree — 1 file
skills/drawio-gcp/SKILL.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Create a GCP architecture diagram with proper icons and validation”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
drawio-aws produces AWS architecture diagrams in draw.io format using a declarative layout engine that ensures correct icon placement, nesting hierarchy, and geometry validation. It delegates builds to the drawio-ai CLI, which handles icon lookup, layout rules, and automated vision checks before output.
drawio-azure produces correct Azure architecture diagrams by leveraging a declarative layout engine that enforces resource hierarchy, validates icon placement and colors, and runs automated visual verification. Built on the drawio-ai-kit, it handles VNets, App Service, AKS, landing zones, and multi-region setups with ground-truth Azure stencils.
Create accurate Databricks lakehouse architecture diagrams in draw.io format, complete with medallion layer structure (Bronze/Silver/Gold), Delta Lake, Unity Catalog, and deployment topology. The skill uses a declarative layout engine with ground-truth stencils, validates geometry and nesting, and runs vision-based self-checks before output.
drawio-bpmn builds correct Business Process Model and Notation swimlane diagrams in draw.io format, organizing process flows across role-based lanes and milestone phases. It uses a deterministic layout engine with built-in validation of BPMN semantic rules and geometry, plus render-based vision checks to ensure accuracy before output.
Drawio transforms text descriptions and existing codebases into polished, editable diagrams via the draw.io desktop CLI. It offers six diagram presets (ERD, UML class, sequence, architecture, ML/DL, flowchart), access to 10,000+ official AWS, Azure, GCP, Cisco, Kubernetes, and BPMN shapes, plus 321 AI and LLM brand logos. The skill includes vision-based self-checking and iterative refinement to ensure precision before exporting to your choice of formats.
drawio-skill creates polished diagrams—architecture, UML, ER, flowcharts, BPMN, and more—from text descriptions or code imports. It generates .drawio XML and exports locally via the draw.io desktop CLI to PNG, SVG, PDF, or JPG, with optional embedding for editability. Use it for precise, styled diagrams with rich shape libraries and swimlanes; for casual sketches or Markdown-embedded diagrams, consider mermaid or excalidraw instead.
More skills Plantuml Skill (unlicensed)