Generate Mermaid, PlantUML, and C4 architecture diagrams from Markdown.
npx skills add https://github.com/dereknex/skills --skill architecture-diagrams
Please help me install this Agent Skill. Skill: architecture-diagrams Source: https://github.com/dereknex/skills/tree/main/architecture-diagrams Command: npx skills add https://github.com/dereknex/skills --skill architecture-diagrams
Create clear, maintainable architecture diagrams using code-based diagramming tools like Mermaid and PlantUML for system design, data flows, and technical workflows.
Generate a Mermaid system context diagram for an e-commerce platform showing client apps, API gateway, services, and data stores.
High-intent search queries and answers about installing and using this skill.
Generate system context diagrams by writing code-based blocks in Markdown using Mermaid or PlantUML. This approach visualizes system design, component relationships, and data flows directly within your documentation files.
Yes, Mermaid and PlantUML support C4 model diagrams for deployment maps and component relationships. They render system contexts and data flows directly from code blocks embedded in Markdown documentation.
Document software architecture as code by embedding Mermaid or PlantUML diagram blocks within Markdown files. This method ensures maintainable, version-controlled visualizations for design reviews and engineering onboarding.
You need a Markdown file with YAML frontmatter containing name and description fields, plus diagram code blocks. This structure renders data flow and architecture diagrams properly for technical documentation tasks.
Use code-based diagrams for system design when you need maintainable, version-controlled architecture visualizations. This approach suits documentation tasks, design reviews, and onboarding new engineers better than static visual tools.
WayneWalterBerryIdentify Skill units by locating SKILL.md frontmatter and extracting name and description.
zzafergokConvert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.
vathymutCreate flowcharts, sequence diagrams, ERDs, and C4 architecture diagrams from text.
nghiahsgsGenerate Mermaid v11 diagrams for architecture, data flow, and user journeys.
