Create dark-themed diagrams of systems, cloud infrastructure, security, or networks in a single HTML file. Color-coded components and connection arrows explain the structure, with built-in controls for copying images and exporting PNG or PDF files.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Explaining system components and their connections
- Documenting cloud regions and service layouts
- Illustrating security boundaries and authentication flows
Cocoon-AI/architecture-diagram-generator☆ 7.5천2026년 5월 14일 업데이트
Create premium hand-drawn architecture and process diagrams in the Lanshu animated GIF style, with editable .excalidraw files, static PNG previews, and genuinely animated GIFs with moving flow highlights. Use this skill whenever the user asks for 岚叔动态架构图, Excalidraw-like diagrams, DailyDoseOfDS-style black-background sketches, animated architecture/process GIFs, polished flowcharts, visual explanations of articles or system designs, or asks to replicate or improve a reference diagram with hand-drawn animated effects.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
cclank/lanshu-animated-architecture-diagram☆ 1천2026년 9월 3일 업데이트
Expert en diagrammes d'architecture avancé (dark theme SVG, cloud infra, system design)
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
ziri22/agency-roster☆ 62026년 7월 1일 업데이트
시스템과 클라우드 구성을 어두운 배경의 구성도로 정리합니다. 구성 요소와 서비스 연결, 보안 경계를 색으로 구분해 브라우저에서 여는 단일 HTML 파일로 만듭니다.
- 프런트엔드·서버·데이터베이스 관계를 설명할 때
- 클라우드 리전과 서브넷을 정리할 때
- 마이크로서비스 연결을 그림으로 나타낼 때
NousResearch/hermes-agent☆ 25.5만2026년 10월 19일 업데이트
Model and document existing or planned software architectures with the C4 model across System Context, Container, and Component levels plus deployment diagrams, then emit diagrams through a selected renderer. Use when an architect needs audience-appropriate software architecture documentation; use the 'architecture-diagrams' skill for infrastructure topology.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
microsoft/hve-core☆ 1.5천2026년 10월 19일 업데이트
Architecture diagram authoring for cloud infrastructure and declared data catalogs. Use when rendering Azure IaC or DS_CATALOG_V1 relationships as caller-selected ASCII or Mermaid diagrams.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
microsoft/hve-core☆ 1.5천2026년 10월 19일 업데이트
Diagram a system or technical architecture — services, data stores, and how they connect. Use when asked to draw an architecture, show how components fit together, map a system/data flow, or visualize services and dependencies. Produces a ready-to-render Mermaid diagram with grouped subgraphs (renders live, exportable as PNG/SVG) plus a component legend and notes.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
mohitagw15856/pm-claude-skills☆ 1.5천2026년 10월 19일 업데이트
Generate validated AWS architecture diagrams as draw.io XML using official AWS4 icon libraries. Use this skill whenever the user wants to create, generate, or design AWS architecture diagrams, cloud infrastructure diagrams, or system design visuals. Also triggers for requests to visualize existing infrastructure from CloudFormation, CDK, or Terraform code. Supports two modes: analyze an existing codebase to auto-generate diagrams, or brainstorm interactively from scratch. Exports .drawio files with optional PNG/SVG/PDF export via draw.io desktop CLI.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
awslabs/agent-plugins☆ 9242026년 10월 15일 업데이트
Create comprehensive HTML architecture diagrams showing data flows, business objectives, features, technical architecture, and deployment. Use when users request system architecture, project documentation, high-level overviews, or technical specifications.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
mhattingpete/claude-skills-marketplace☆ 6832026년 7월 25일 업데이트
Creates evidence-backed current or target architecture diagrams; not UI design.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
levnikolaevich/claude-code-skills☆ 5812026년 10월 18일 업데이트
Draws architecture diagrams as editable draw.io files with a fixed house style, C4 levels, evidence-tagged shapes, and optional multi-view identity checks. Use when producing a system context, container, component, deployment, data flow, sequence, state, or ERD, or redrawing an ASCII or Mermaid one.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
HoangNguyen0403/agent-skills-standard☆ 5792026년 10월 18일 업데이트
Use when you need to generate Java project diagrams — including UML sequence diagrams, UML class diagrams, C4 model diagrams, UML state machine diagrams, UML Deployment Diagrams, ER (Entity Relationship) diagrams, and bounded-context diagrams — through a modular, step-based interactive process that adapts to your specific visualization needs. This should trigger for requests such as Generate UML diagram; Create sequence diagram; Create class diagram; Create state machine diagram; Create deployment diagram; Create C4 diagram; Create bounded-context diagram; Create context-map diagram. Part of Plinth Toolkit
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
jabrena/plinth☆ 4532026년 10월 19일 업데이트
Creates professional AWS architecture diagrams in draw.io XML format (.drawio files) using official AWS Architecture Icons (aws4 library). Use when the user asks for AWS diagrams, VPC layouts, multi-tier architectures, serverless designs, network topology, or draw.io exports involving Lambda, EC2, RDS, or other AWS services.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
giuseppe-trisciuoglio/developer-kit☆ 3602026년 9월 10일 업데이트
Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio files). Use when creating: (1) logical flow diagrams showing data/process flow between system components, (2) logical architecture diagrams representing system structure without cloud provider specifics, (3) BPMN process diagrams, (4) UML diagrams (class, sequence, activity), (5) data flow diagrams (DFD), (6) decision flowcharts, or (7) system interaction diagrams. This skill focuses on generic/abstract representations, not AWS/Azure-specific architectures (use aws-drawio-architecture-diagrams for cloud diagrams).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
giuseppe-trisciuoglio/developer-kit☆ 3602026년 9월 10일 업데이트
Generates a Mermaid architecture diagram showing high-level component relationships. Use when visualizing how plugins or modules fit together.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
athola/claude-night-market☆ 3422026년 10월 17일 업데이트
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
HezaoHezao/poirot☆ 2512026년 7월 29일 업데이트
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
TencentCloud/octop-harness☆ 1082026년 10월 19일 업데이트
暗色主题的 SVG 架构/云/基础设施图表,输出为 HTML。
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
TencentCloud/octop-harness☆ 1082026년 10월 19일 업데이트
Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
gabrielmoreira/agent-skills-mirror☆ 192026년 10월 19일 업데이트
Use when a plan directory (plan.md + phase-*.md) needs a visual review. By DEFAULT this drives the STRUCTURED visual-plan artifact (visual-plan/plan.json) via the mewkit visual-plan CLI — generate if absent, validate, open the local studio (view/edit), and export plan.html from the approved artifact. Pass --static for the legacy prompt-only single-file plan.html template render. Triggers on "render this plan", "visualize the plan", "open the plan studio", "make a shareable plan page", "plan.html". This is the canonical owner of plan-as-visual-review. NOT for plan critique or scope review (see mk:plan-ceo-review / mk:validate-plan), NOT for generic code/diagram/diff visuals (see mk:preview), NOT for live media generation (see mk:multimodal).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
ngocsangyem/MeowKit☆ 152026년 7월 28일 업데이트
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
kevinnft/ai-agent-skills☆ 142026년 8월 1일 업데이트
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
openamer/openamer☆ 82026년 10월 20일 업데이트
Dark-themed SVG architecture/cloud/infra diagrams as HTML.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
MustafaKemal0146/fetih☆ 52026년 10월 11일 업데이트
Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams, infrastructure diagrams, cloud architecture visualizations, security diagrams, network topology diagrams, or any technical diagram showing system components and their relationships.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Fabric-Pro/fabric-oss☆ 32026년 10월 16일 업데이트