architecture-diagram-generator

收录理由

在 Claude 或 Claude Code 里工作的团队，可以用这个技能把一段大白话的系统描述变成一张漂亮的深色架构图，直接在浏览器里打开就行。比如你告诉它“React 前端连 Node API，后面挂着 PostgreSQL 和 Redis”，它就会生成一个自包含的 HTML 文件，SVG 已经嵌在里面，还带复制、导出 PNG 和 PDF 的按钮。对于想给文档或幻灯片配一张靠谱架构图、又不想手工画框和箭头的工程师或技术负责人来说，挺实用。因为输出就是单个便携文件，分享给同事只需发过去，之后还能在对话里继续改组件、调布局。整个流程不需要设计功底，也不用装额外软件，适合要快速出图、而不是用完整绘图工具的场景。