mermaid-architectGenerate beautiful, hand-drawn Mermaid diagrams with robust syntax (quoted labels, ELK layout). Use this skill when the user asks for "diagram", "flowchart", "sequence diagram", or "visualize this process".
Install via ClawdBot CLI:
clawdbot install 1999AZZAR/mermaid-architectmermaid) + Explanation.end, subgraph, graph, flowchart.TD (Top-Down) for hierarchies, LR (Left-Right) for timelines.subgraph id [Label] with an explicit ID and label (no spaces in ID).Run the validator on one or more .mmd files:
scripts/validate-mmd assets/examples/*.mmdGenerated Mar 1, 2026
Teams can use this skill to create flowcharts for software development workflows, such as CI/CD pipelines or agile sprints, enhancing communication and documentation. It helps in mapping out decision trees for feature development or bug resolution processes.
Developers and architects can generate sequence diagrams to visualize API calls between microservices or user interactions in web applications. This aids in debugging, design reviews, and onboarding new team members by clarifying complex interactions.
Database administrators and software engineers can create class diagrams to model OOP structures or database schemas, facilitating schema planning and documentation. It supports visualizing relationships between tables or classes for better system design.
Business analysts can use state diagrams to map lifecycle management for processes like order fulfillment or customer support workflows. This helps in identifying bottlenecks and optimizing operational efficiency across departments.
Educators and trainers can generate diagrams to visualize concepts in subjects like computer science or project management, making learning materials more engaging. It supports creating hand-drawn-style diagrams for textbooks or online courses.
Offer the skill as part of a subscription-based platform for developers and teams, providing regular updates and premium features like advanced diagram templates. Revenue is generated through monthly or annual fees, targeting tech companies and educational institutions.
Provide a free version with basic diagram capabilities to attract users, then upsell to a paid tier with advanced features such as custom layouts, collaboration tools, and priority support. Revenue comes from premium upgrades and enterprise licenses.
Offer consulting services to help businesses integrate the skill into their workflows, providing custom diagram solutions and training. Revenue is generated through project-based fees and ongoing support contracts for large organizations.
💬 Integration Tip
Integrate this skill into development environments or documentation tools via APIs to automate diagram generation from code or text inputs, enhancing productivity.
Display and control HTML content on connected Mac, iOS, or Android nodes via a web-based canvas with live reload and remote actions.
生成和编辑各种类型的图表（drawio、mermaid、excalidraw）。支持流程图、时序图、类图、ER图、思维导图、架构图、网络拓扑图等常见图表类型。能够根据自然语言描述创建新图表，也能读取并修改已有的 drawio/mermaid/excalidraw 文件。使用独立的 MCP server (mcp-diagram-generator) 生成图表文件，减少 token 消耗并保证输出一致性。支持自动配置管理，默认输出路径为项目目录下的 diagrams/{format}/，支持自定义路径和自动创建目录。
Create, export, and manage Canva designs via the Connect API. Generate social posts, carousels, and graphics programmatically.
Create software diagrams using Mermaid syntax. Use when users need to create, visualize, or document software through diagrams including class diagrams, sequence diagrams, flowcharts, ERDs, C4 architecture diagrams, state diagrams, git graphs, and other diagram types. Triggers include requests to diagram, visualize, model, map out, or show the flow of a system.
Generate diagrams from descriptions with Mermaid, PlantUML, or ASCII for architecture, flows, sequences, and data models.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.