【开源】分享一个绘制技术架构图的 skill，claude 官方技术博客风格，可一键导出 drawio 文件二次编辑

本帖使用社区开源推广，符合推广要求。我申明并遵循社区要求的以下内容：

• 我的帖子已经打上 开源推广 标签： 是


• 我的开源项目完整开源，无未开源部分： 是


• 我的开源项目已链接认可 LINUX DO 社区： 是


• 我帖子内的项目介绍，AI生成、润色内容部分已截图发出： 是


• 以上选择我承诺是永久有效的，接受社区和佬友监督： 是

以下为项目介绍正文内容，AI生成、润色内容已使用截图方式发出

最近因频繁需要绘制技术架构图、流程图，于是搓了一个自用的 绘制架构图的 skill，输出风格为 claude 官方技术博客的图风格（个人比较喜欢这种暖色图），因为可以很方便嵌入大部分文档中

效果如图：

不过，这类绘图的有一个痛点，就是频繁改图的时候，有时候 agent 来回改不好，需要手动二次编辑，本 skill 绘制出来的图，可以高保真的一键导出 drawio 的文件，这样想要手动微调的时候，就很方便了。

有类似需求的佬友，可以试试看，喜欢的话，帮点个 star ^-^

下载地址： GitHub - cloudy-liu/cloudy-tech-diagrams-skill: AI agent skill for warm HTML and SVG technical diagrams · GitHub

PS： 之前也分享过一个 claude 风格的 typroa/obsidian 的 主题：喜欢的佬友可以看下旧贴：分享一个基于 claude 主题优化的typroa/obsidian 主题

PPS: 好久没发开源分享的帖子，都不知道改了规则了（github要加外链），发了几次才发出来 ^-^