Architecture Design
thomast1906/github-copilot-agent-skills
Design Azure cloud architectures from requirements and generate High-Level Design (HLD) documentation with service selection, patterns, cost estimates, and WAF alignment.
Design cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity.
$ npx skills add ancoleman/ai-design-components --skill architecting-networks -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install ancoleman/ai-design-components architecting-networks --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/ancoleman/ai-design-components.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/architecting-networks .claude/skills/architecting-networks && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "architecting-networks" agent skill from https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networks into .claude/skills/architecting-networks/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "architecting-networks", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networksType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add ancoleman/ai-design-components --skill architecting-networks -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install ancoleman/ai-design-components architecting-networks --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ancoleman/ai-design-components.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/architecting-networks .agents/skills/architecting-networks && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "architecting-networks" agent skill from https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networks into .agents/skills/architecting-networks/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "architecting-networks", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ancoleman/ai-design-components --skill architecting-networks -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install ancoleman/ai-design-components architecting-networks --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ancoleman/ai-design-components.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/architecting-networks .cursor/skills/architecting-networks && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "architecting-networks" agent skill from https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networks into .cursor/skills/architecting-networks/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "architecting-networks", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/ancoleman/ai-design-components.git --path skills/architecting-networks--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add ancoleman/ai-design-components --skill architecting-networks -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install ancoleman/ai-design-components architecting-networks --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ancoleman/ai-design-components.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/architecting-networks .gemini/skills/architecting-networks && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "architecting-networks" agent skill from https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networks into .gemini/skills/architecting-networks/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "architecting-networks", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install ancoleman/ai-design-components architecting-networksInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add ancoleman/ai-design-components --skill architecting-networks -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/ancoleman/ai-design-components.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/architecting-networks .github/skills/architecting-networks && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "architecting-networks" agent skill from https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networks into .github/skills/architecting-networks/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "architecting-networks", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add ancoleman/ai-design-components --skill architecting-networks -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install ancoleman/ai-design-components architecting-networks --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/ancoleman/ai-design-components.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/architecting-networks .opencode/skills/architecting-networks && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "architecting-networks" agent skill from https://github.com/ancoleman/ai-design-components/tree/main/skills/architecting-networks into .opencode/skills/architecting-networks/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "architecting-networks", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
architecting-networksDesign cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity.
Architecting Networks is an agent skill from ancoleman/ai-design-components. Design cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity. Use when planning VPC topology, implementing multi-cloud networking, or establishing secure network segmentation for cloud workloads.
Its SKILL.md is about 3.9k tokens, which your agent loads only when the skill is triggered. The skill folder holds 18 other files, including scripts and reference files (for example `outputs.yaml`, `references/cost-optimization.md` and `references/hybrid-connectivity.md`).
It sits in DevOps & Cloud, covering Cloud architecture and Software architecture. The repository describes itself as: Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude. The licence is MIT.
6 steps, taken from the step headings in SKILL.md.
Read from SKILL.md and the folder at commit 76551b7. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Ships 1 file in scripts/ (Python), which the agent can run.
From the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Architecting Networks loads about 3.9k tokens when it runs, and up to ~22k if it reads all its reference files. Until then it costs about 69 tokens; SKILL.md has 1,555 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
The full file from ancoleman/ai-design-components at commit 76551b7, republished under its MIT licence (© ancoleman). 1,555 words, ~3,897 tokens.
.claude/skills/architecting-networks/SKILL.md (or your agent's skills folder). This skill also uses 14 other files; get the full folder from GitHub.Design secure, scalable cloud network architectures using proven patterns across AWS, GCP, and Azure. This skill provides decision frameworks for VPC design, subnet strategy, zero trust implementation, and hybrid connectivity.
Invoke this skill when:
Use When: Small applications, single environment, simple security requirements, team < 10 engineers
Characteristics:
Tradeoffs:
Use When: Multiple environments (dev/staging/prod), strong isolation requirements, compliance mandates separation
Characteristics:
Tradeoffs:
Use When: 5+ VPCs need communication, centralized security inspection required, hybrid connectivity, multi-account setup
Characteristics:
Tradeoffs:
Use When: Small number of VPCs (< 5), low latency critical, no centralized inspection needed
Characteristics:
Tradeoffs:
Use When: Large enterprise with diverse requirements, balancing cost/performance/security
Characteristics:
Tradeoffs:
Number of VPCs?
│
├─► 1 VPC → Flat (Single VPC)
├─► 2-4 VPCs + No inter-VPC communication → Multi-VPC (Isolated)
├─► 2-5 VPCs + Low latency critical → Full Mesh (VPC Peering)
├─► 5+ VPCs + Centralized inspection → Hub-and-Spoke (Transit Gateway)
└─► 10+ VPCs + Mixed requirements → Hybrid (Multi-Pattern)
Additional Considerations:
├─► Hybrid connectivity required? → Hub-and-Spoke preferred
├─► Centralized egress/inspection? → Hub-and-Spoke with Inspection VPC
├─► Multi-account environment? → Hub-and-Spoke with AWS RAM sharing
└─► Cost optimization priority? → Flat or Multi-VPC (avoid TGW fees)Public Subnets:
Private Subnets:
Database Subnets:
Production: Distribute each tier across 3 Availability Zones minimum Dev/Test: 1-2 AZs acceptable for cost savings
VPC Sizing:
Critical Rules:
For detailed subnet planning, see references/subnet-strategy.md
Cost vs Resilience?
│
├─► Cost Priority (Dev/Test)
│ └─► Single NAT Gateway (~$32/month)
│ └─► Risk: Single point of failure
│
├─► Balanced (Most Production)
│ └─► One NAT Gateway per AZ (~$96/month for 3 AZs)
│ └─► Resilience: AZ failure doesn't break connectivity
│
└─► Maximum Resilience
└─► Multiple NAT Gateways per AZ + monitoring
└─► Critical workloads, SLA-dependent
Alternative: Centralized Egress Pattern
└─► Hub-and-Spoke: Single egress VPC with NAT
└─► Reduces NAT Gateway count, centralized loggingNo Outbound Internet Needed?
Characteristics:
Use For:
Best Practices:
Characteristics:
Use For:
Best Practices:
For security group architecture patterns, see references/security-controls.md
Never Trust, Always Verify
Least Privilege Access
Assume Breach
Microsegmentation:
Identity-Based Access:
Continuous Verification:
For zero trust architecture patterns, see references/zero-trust-networking.md
Use When: Dev/test environments, backup connectivity, temporary connections
Characteristics:
Use When: Production workloads, large data transfers, real-time applications
Characteristics:
Use When: Multiple VPCs need on-premises connectivity
Benefits:
For hybrid connectivity patterns and examples, see references/hybrid-connectivity.md
| Concept | AWS | GCP | Azure |
|---|---|---|---|
| Virtual Network | VPC | VPC | Virtual Network (VNet) |
| Subnets | Subnets (AZ-scoped) | Subnets (Regional) | Subnets |
| NAT | NAT Gateway | Cloud NAT | NAT Gateway |
| Peering | VPC Peering | VPC Peering | VNet Peering |
| Hub-Spoke | Transit Gateway | Cloud Router | Virtual WAN |
| Private Endpoints | PrivateLink | Private Service Connect | Private Link |
| Hybrid VPN | VPN | Cloud VPN | VPN Gateway |
| Hybrid Dedicated | Direct Connect | Cloud Interconnect | ExpressRoute |
AWS:
GCP:
Azure:
For multi-cloud implementations, see references/multi-cloud-networking.md
Enable Flow Logs for:
Configuration:
Monitor:
Alert On:
For observability patterns and flow log analysis, see references/network-observability.md
Reduce NAT Gateway Costs:
Reduce Data Transfer Costs:
Avoid Transit Gateway Costs:
For detailed cost optimization strategies, see references/cost-optimization.md
Use pattern selection framework above to choose:
Use infrastructure-as-code skill to implement with Terraform/Pulumi
| Requirement | Recommended Pattern |
|---|---|
| Single environment | Flat (Single VPC) |
| Multiple isolated environments | Multi-VPC (Isolated) |
| 2-5 VPCs, low latency | Full Mesh (Peering) |
| 5+ VPCs, centralized security | Hub-and-Spoke (TGW) |
| Hybrid connectivity | Hub-and-Spoke (TGW) |
| Cost optimization | Flat or Multi-VPC |
| Scenario | Configuration | Monthly Cost (3 AZs) |
|---|---|---|
| Dev/Test | Single NAT | ~$32 |
| Production | NAT per AZ | ~$96 |
| Centralized Egress | Hub VPC NAT | ~$32-96 |
| Requirement | Solution | Throughput | Latency |
|---|---|---|---|
| Dev/Test | VPN | ~1.25 Gbps | Variable |
| Production | Direct Connect | Up to 100 Gbps | Low, consistent |
| Backup | VPN (backup to DX) | ~1.25 Gbps | Variable |
Detailed Guides:
references/vpc-design-patterns.md - Comprehensive pattern descriptions with diagramsreferences/subnet-strategy.md - CIDR planning, IPAM, multi-AZ best practicesreferences/zero-trust-networking.md - Microsegmentation, IAM integration, continuous verificationreferences/hybrid-connectivity.md - VPN, Direct Connect, Transit Gateway patternsreferences/multi-cloud-networking.md - AWS, GCP, Azure implementationsreferences/security-controls.md - Security groups, NACLs, firewall patternsreferences/private-networking.md - VPC Endpoints, PrivateLink, Private Service Connectreferences/multi-region-networking.md - Cross-region peering, global load balancingreferences/network-observability.md - Flow logs, monitoring, troubleshootingreferences/cost-optimization.md - Egress reduction, NAT strategiesCode Examples:
examples/aws/ - AWS VPC patterns (flat, hub-spoke, peering, VPN, Direct Connect)examples/gcp/ - GCP VPC patterns (custom VPC, Shared VPC, Cloud Interconnect)examples/azure/ - Azure VNet patterns (hub-spoke, peering, ExpressRoute)examples/multi-cloud/ - Cross-cloud connectivity examplesUtility Scripts:
scripts/cidr-calculator.py - Calculate CIDR blocks and plan IP addressingscripts/cost-estimator.sh - Estimate network infrastructure costsscripts/validate-sg-rules.py - Validate security group rule configurationsscripts/flow-log-analyzer.py - Analyze VPC flow logs for security and costUse infrastructure-as-code skill to:
Use kubernetes-operations skill to:
Use security-hardening skill to:
Use observability skill to:
Use disaster-recovery skill to:
© ancoleman, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 14 other files (scripts, references) in skills/architecting-networks of ancoleman/ai-design-components.
Open the folder on GitHubat commit 76551b7
Architecting Networks next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Architecting Networks this skillancoleman/ai-design-components | 526 | — | ~3.9k | Automated safety check: Pass | MIT | |
| Architecture Designthomast1906/github-copilot-agent-skills | 202 | — | ~2.7k | Automated safety check: Pass | None | |
| Azure Diagramscmb211087/azure-diagrams-skill | 150 | — | ~4k | Automated safety check: Notes | MIT | |
| Well Architectedavelikiy/great_cto | 103 | — | ~1.6k | Automated safety check: Pass | MIT | |
| Google Cloud Solution Architecturegoogle/skills | 21k | — | ~3.5k | Automated safety check: Pass | Apache-2.0 | |
| AWS Architecture Diagramvidanov/aws-architecture-diagram-skill | 160 | — | ~4.9k | Automated safety check: Pass | MIT |
thomast1906/github-copilot-agent-skills
Design Azure cloud architectures from requirements and generate High-Level Design (HLD) documentation with service selection, patterns, cost estimates, and WAF alignment.
cmb211087/azure-diagrams-skill
Comprehensive technical diagramming toolkit for solutions architects, presales, and developers.
avelikiy/great_cto
6-pillar architecture review framework. An agent skill from avelikiy/great_cto.
google/skills
Interactively discovers requirements and designs holistic, multi-product system architectures, solution blueprints, and deployment recommendations for complex workloads on Google Cloud.
vidanov/aws-architecture-diagram-skill
Generate AWS architecture diagrams in draw.io format. An agent skill from vidanov/aws-architecture-diagram-skill.
a5c-ai/babysitter
Creates DrawIO XML diagrams of Google Cloud architectures from text or images, and analyzes existing .drawio files to list their GCP components.
ancoleman/ai-design-components
Builds AI chat interfaces and conversational UI with streaming responses, context management, and multi-modal support.
ancoleman/ai-design-components
Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.
ancoleman/ai-design-components
Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.
ancoleman/ai-design-components
Creates comprehensive dashboard and analytics interfaces that combine data visualization, KPI cards, real-time updates, and interactive layouts.
ancoleman/ai-design-components
Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints.
ancoleman/ai-design-components
Displays chronological events and activity through timelines, activity feeds, Gantt charts, and calendar interfaces.
Categories
Design cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity. Architecting Networks is an agent skill from ancoleman/ai-design-components. Design cloud network architectures with VPC patterns, subnet strategies, zero trust principles, and hybrid connectivity.
Architecting Networks fits situations like: planning VPC topology; implementing multi-cloud networking; establishing secure network segmentation for cloud workloads.
Run `npx skills add ancoleman/ai-design-components --skill architecting-networks -a claude-code`. Or copy the skill folder (skills/architecting-networks in ancoleman/ai-design-components) into .claude/skills/architecting-networks in your project. Claude Code loads it when a task matches its description.
Run `npx skills add ancoleman/ai-design-components --skill architecting-networks -a codex`. Or copy the skill folder (skills/architecting-networks in ancoleman/ai-design-components) into .agents/skills/architecting-networks in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add ancoleman/ai-design-components --skill architecting-networks -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/architecting-networks, .gemini/skills/architecting-networks, .github/skills/architecting-networks and .opencode/skills/architecting-networks in your project.
Going by SKILL.md and its folder, Architecting Networks needs Python for the scripts in its folder. Our summary lists: Python 3.
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
Architecting Networks is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 3.9k tokens (SKILL.md is roughly 16k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 18k tokens, read only when the agent opens those files.
Skills that share tags, products or a category with Architecting Networks: Architecture Design (thomast1906/github-copilot-agent-skills, 202 stars), Azure Diagrams (cmb211087/azure-diagrams-skill, 150 stars), Well Architected (avelikiy/great_cto, 103 stars) and Google Cloud Solution Architecture (google/skills, 21k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
ancoleman (a GitHub user) maintains it in ancoleman/ai-design-components, which has 526 GitHub stars. The repository holds 75 skills in this directory. The repository was last updated on December 11, 2025.
Source: ancoleman/ai-design-components on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.