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

  • 我的帖子已经打上 开源推广 标签:
  • 我的开源项目完整开源,无未开源部分:
  • 我的开源项目已链接认可 LINUX DO 社区:
  • 我帖子内的项目介绍,AI生成、润色内容部分已截图发出:
  • 以上选择我承诺是永久有效的,接受社区和佬友监督:

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


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

效果如图:

[PixPin_2026-06-23_07-40-47

PixPin_2026-06-23_07-40-472135×1356 171 KB

](https://cdn3.ldstatic.com/original/4X/4/4/1/441d220da9f40b7a5f27bdc2d010cca7746145d9.jpeg “PixPin_2026-06-23_07-40-47”)

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

[PixPin_2026-06-23_07-48-19

PixPin_2026-06-23_07-48-191583×350 60.4 KB

](https://cdn3.ldstatic.com/original/4X/a/9/9/a99293b4b2410f588f80305e873ae984620a419f.jpeg “PixPin_2026-06-23_07-48-19”)

有类似需求的佬友,可以试试看,喜欢的话,帮点个 star :slightly_smiling_face:

下载地址: 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要加外链),发了几次才发出来 :sweat_smile:

此文件夹下有0条笔记。