SuperAPI AI 工具集

markdown-mermaid

写作与研究

查看项目

更新于 10-15 21:40

技能介绍

用途:面向技术文档作者,帮助编写 Markdown 并绘制 Mermaid 图表,保证在 GitHub、VS Code 等平台渲染一致,同时提供图表工具选型与排错指引。

主要能力:提供强制性的 Mermaid 模板(init 指令、classDef、linkStyle 三要素)与 ATACCU 六步工作流(分析、思考、套用、创建、检查、写入);给出 GitHub Pastel v2 与 Fishbowl 两套配色及语义色类;覆盖流程图、时序图、状态图、类图、ER、甘特、饼图、思维导图、象限图、Git Graph、XY Chart、Sankey、Block 等图类型;提供节点形状与连线样式参考;包含 VS Code 预览 CSS、扩展推荐、Shields.io 徽章与 emoji 使用规范;并说明 VS Code 1.109+ 聊天中原生 Mermaid 渲染工具 renderMermaidDiagram 的用法与适用边界。

使用方式:每个图表以 init 指令开头,套用 classDef 与 linkStyle default stroke:#57606a,stroke-width:1.5px;节点换行用 <br/> 而非 \n;图表与表格需加 Figure/Table 编号标签;文档写入 .md 文件而非仅停留在聊天。VS Code 中可将 markdown-light.css 复制到 .vscode/ 并配置 markdown.styles。

适用场景:技术文档、企业文档视觉规范、GitHub 原生渲染、VS Code 预览与聊天内交互式图表、多工具(PlantUML、Graphviz、D2、WaveDrom)选型。

限制:资料未提供收费、价格与平台支持范围等信息;部分内容(如 VS Code 版本行为)以资料所述为准,未验证。