anthropics/skills180kfrontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
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.
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/ancoleman/ai-design-components/architecting-networks/install.md ,按里面的步骤帮我安装这个 Skill。
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 logging
No 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:
anthropics/skills180kGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
anthropics/skills180kSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
前端开发
addyosmani/agent-skills103kGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
前端开发
addyosmani/agent-skills103kBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
前端开发
addyosmani/agent-skills103kOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
前端开发
nexu-io/open-design100kOpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
前端开发