SuperAPI AI 工具集

markdown-mermaid

写作与研究

查看项目

更新于 10-16 05:07

技能介绍

用途:该技能面向技术文档写作与图表可视化,帮助作者在 Markdown 中创建结构清晰、风格一致的文档与 Mermaid 图表,并处理 VS Code 预览样式、跨平台渲染一致性等问题。

主要能力:涵盖 Markdown 写作规范(文档结构模板、图表与表格编号标签)、Mermaid 图表制作(流程图、时序图、状态图、类图、ER 图、甘特图、饼图、思维导图、象限图、Git 图、XY 图、桑基图、块图等)、多工具可视化选型(Mermaid、PlantUML、Graphviz、D2、WaveDrom 的对比与适用场景)、VS Code 集成(预览样式与扩展推荐)、Shields.io 徽章生成,以及将 unicode 转义转换为真实 emoji。

使用方式:制作 Mermaid 图时遵循 ATACCU 六步流程(分析、思考、应用技能、创建、检查、更新),每张图需在代码块首行加入 %%{init}%% 指令、为节点设置 classDef 或 style、为流程图设置 linkStyle default stroke:#57606a,stroke-width:1.5px,并采用 GitHub Pastel v2 调色板。VS Code 1.109+ 可在聊天中使用 renderMermaidDiagram 工具进行交互式预览,最终图表应写入目标 .md 文件并添加 Figure 标签。CSS 样式可复制到 .vscode/ 并在 settings 中配置 markdown.styles。

适用场景:技术文档、企业文档视觉规范、架构与流程说明、数据库与关系图、项目时间线、数据可视化,以及需要跨 GitHub、Confluence、VS Code 等平台一致渲染的场合。

限制:资料未提供该技能的安装命令、收费方式、版本要求或性能数据;部分内容(如具体扩展版本、平台兼容细节)暂未提供。