mermaidjs-v11

此技能完整支持 Mermaid.js v11，使开发人员、系统架构师与技术撰稿人能够通过简洁的声明式语法生成复杂图表。借助 Mermaid.js，您可以将可视化内容直接嵌入 Markdown 文件或 HTML 文档中，亦可通过 CLI 工具生成独立的 SVG/PNG/PDF 图像文件。此工具省去了传统拖放式绘图软件的繁琐，让可视化资产能直接在版本控制系统中进行管理。

• 完整支持超过 24 种图表类型，包括流程图 (Flowcharts)、时序图 (Sequence Diagrams)、类图 (Class Diagrams)、状态图 (State Diagrams)、实体关系图 (ER Diagrams)、甘特图 (Gantt Charts)、用户旅程图 (User Journeys) 与时间轴 (Timelines) 等。

• 与 Markdown 完美整合，通过标准 mermaid 代码块实现文档与代码同步更新。

• 具备通过 mermaid-cli 进行批量转换的高级命令行渲染能力，支持将 .mmd 文件转换为高质量的 SVG、PNG 或 PDF 格式。

• 丰富的自定义选项，支持多种主题 (default, dark, forest, neutral) 与自定义 CSS 样式，可对图表元素进行细致的视觉控制。

• 内置无障碍访问支持，确保视觉图表对所有用户皆具备良好的可读性与交互性。

• 使用时，请根据需求定义图表类型（如 flowchart, sequenceDiagram 等），并通过节点与连线语法描述逻辑结构。

• 可在代码块内使用 YAML 风格的 frontmatter 来设置主题、字体或安全级别。

• 对于网页应用程序，可通过 JavaScript API 初始化 mermaid 库，实现动态的网页渲染。

• 建议在 CI/CD 流程中使用 mmdc 指令自动化输出图表，以确保技术文档与系统架构变更保持一致。

• 由于 Mermaid.js 针对文字化版本控制进行了优化，请保持图表定义的模块化，并善用 %% 语法为复杂的逻辑关系撰写注释，以维护长期的代码可读性。