Drawthe.net
Draw network/architecture diagrams (AWS, Azure, Cisco) from a natural-language description or from a proposed system architecture, using the drawthe.net MCP server's YAML DSL and icon tools. Use this skill whenever the user asks to "draw a diagram", "create an architecture diagram", "visualize this infrastructure", "sketch the network", or asks you to propose/illustrate a system design.
Install
npx skills add cidrblock/drawthe.net --skill drawthe.netgit clone --depth 1 https://github.com/cidrblock/drawthe.net.git /tmp/drawthe.net
mkdir -p ~/.claude/skills
cp -r /tmp/drawthe.net/. ~/.claude/skills/drawthe.netPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# drawthe.net diagram authoring skill This skill teaches an agent how to turn a description (or a proposed architecture) into a drawthe.net YAML diagram and render it via the drawthe.net MCP server's tools. The result should be a build blueprint: someone reading it should understand what to provision, how traffic and data move, what is required versus optional, and what to configure next. ### ARCHITECTURE DIAGRAM DESIGN SYSTEM & AESTHETIC DIRECTIVES When authoring system architecture diagrams in YAML, adhere strictly to these architectural visual design principles: #### 1. Architectural Layout & Directional Flow * **Determine the Primary Axis:** * **Top-to-Bottom (Layered Systems):** Use for Tiered/Client-Server architectures (Presentation → Processing/Logic → Storage → External Infrastructure). * **Left-to-Right (Data & Workflow Pipelines):** Use for event-driven systems, ETL pipelines, integration flows, or user journey sequences. * **Dedicated Cross-Cutting Rows/Columns:** Place auxiliary or cross-cutting services (e.g., Logging, Authentication, Telemetry, Storage) on a dedicated side column or bottom row rather than interspersing them within the core flow. * **Spatial Breathability:** Always leave 1–2 empty grid steps between connected components to provide space for connection lines without crossing icons or text. #### 2. Restrained Color System & Contrast * **Canvas:** Use the established white canvas (`white`) unless the user requests another treatment.
Details
- Skill name
drawthe.net- Repository
- cidrblock/drawthe.net
- License
- MIT
- Repo updated
- 23 October 2026
FAQ
What does the Drawthe.net skill do?
Draw network/architecture diagrams (AWS, Azure, Cisco) from a natural-language description or from a proposed system architecture, using the drawthe.net MCP server's YAML DSL and icon tools. Use this skill whenever the user asks to "draw a diagram", "create an architecture diagram", "visualize this infrastructure", "sketch the network", or asks you to propose/illustrate a system design.
How do I install the Drawthe.net skill?
skills CLI (Claude Code, Cursor, Codex and more): npx skills add cidrblock/drawthe.net --skill drawthe.net. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Drawthe.net popular?
It lives in cidrblock/drawthe.net, which has 1,184 GitHub stars and 134 forks.
Related skills
Assessment Validity Checker
932GarethManning/education-agent-skills
Audit a proposed assessment for construct validity, reliability, and alignment to learning objectives. Use when reviewing or quality-assuring assessments before deployment.
Terraform Style Guide
910hashicorp/agent-skills
Generate Terraform HCL code following HashiCorp's official style conventions and best practices. Use when writing, reviewing, or generating Terraform configurations.
Azure Devops
448sanjay3290/ai-skills
Manage Azure DevOps projects, work items, repos, PRs, pipelines, wikis, test plans, security alerts, variable groups, environments/approvals, branch policies, and attachments. Use when user asks to: manage sprints, create/update work items, list repos, create PRs, run pipelines, search code, manage wiki pages, check security alerts, manage variable groups, approve deployments, or configure branch policies. Covers 13 domains with 99 tools via REST API.
Terraform Stacks
910hashicorp/agent-skills
Comprehensive guide for working with HashiCorp Terraform Stacks. Use when creating, modifying, or validating Terraform Stack configurations (.tfcomponent.hcl, .tfdeploy.hcl files), working with stack components and deployments from local modules, public registry, or private registry sources, managing multi-region or multi-environment infrastructure, or troubleshooting Terraform Stacks syntax and structure.
Kubernetes Skill
468LukasNiessen/kubernetes-skill
Prevent Kubernetes hallucinations by diagnosing and fixing failure modes: insecure workload defaults, resource starvation, network exposure, privilege sprawl, fragile rollouts, and API drift. Use when generating, reviewing, refactoring, or migrating manifests, Helm charts, Kustomize overlays, cluster policies, and platform-specific Kubernetes work for EKS, GKE, AKS, OpenShift, GitOps controllers, or observability stacks.
New Terraform Provider
910hashicorp/agent-skills
Use this when scaffolding a new Terraform provider with the Plugin Framework: workspace layout, go module setup, provider server main.go, and a provider.go with schema and Configure. Also use when a user wants to start building a provider for a new API or asks how to begin a terraform-provider-* project.
Browse the most popular Claude skills, all devops & cloud skills, or write your own with the skills generator.