Generate architecture diagrams from system models using LikeC4 and Mermaid.
npx skills add https://github.com/agentpatterns/craft --skill diagram-agentpatterns
Please help me install this Agent Skill. Skill: diagram Source: https://github.com/agentpatterns/craft/tree/main/plugins/crafter/skills/diagram Command: npx skills add https://github.com/agentpatterns/craft --skill diagram-agentpatterns
Diagramming complex software architectures is time-consuming and error-prone without consistent visuals. This skill provides a structured approach to generate architecture diagrams using LikeC4 or Mermaid, aligning diagrams with a formal model and reference syntax.
Provide a system model, choose a diagram subtype (e.g., likec4-c4 or data-flow), and instruct the AI to render the corresponding diagram.
High-intent search queries and answers about installing and using this skill.
To generate architecture diagrams, you provide a system model and choose a diagram subtype. The skill renders context, container, component, deployment, and dynamic diagrams using LikeC4 and Mermaid syntax.
LikeC4 and Mermaid are both supported for software visualization. LikeC4 uses a DSL to align diagrams with a formal C4 model, while Mermaid provides broader syntax for rendering styled architecture and data-flow diagrams.
You can create a data-flow diagram by providing your system model and selecting the data-flow subtype. The skill enforces the correct LikeC4 or Mermaid DSL syntax to yield styled, deployment-ready visualizations.
Yes, you can generate deployment diagrams for architecture reviews and documentation. The skill applies consistent styling and syntax from reference material to produce deployment-ready visual outputs.
The best way to ensure consistent syntax is by loading reference material from the references directory. The skill applies these references to enforce correct LikeC4 and Mermaid syntax across all generated diagrams.
Yes, you need to provide a system model to render container diagrams. The skill uses this model as input to apply the correct LikeC4 or Mermaid syntax for the specific container diagram view.
marjan-ahmedAutomate architecture diagram generation, project analysis, and dependency review across multi-language stacks.
ZiadNagarTransform Mermaid text into visual diagrams for software architectures, flows, and data models.
Takas0522Generate Azure architecture diagrams as SVG from Bicep files and documentation.
VictorHueniAutomate C4 diagram creation and arc42 table generation with Structurizr DSL.
