architecture-diagram-generator:基于Claude技能的架构图生成工具

1
分类开源项目
作者Cocoon-AI
来源跳转
发表时间

内容

架构图生成工具,专为Claude AI设计,可将文本描述的系统架构自动转换为专业美观的深色主题架构图(HTML/SVG格式)。用户无需设计技能,只需用自然语言描述系统组件和连接关系,即可生成可独立在浏览器中打开的单文件图表,支持迭代修改和多种常见架构场景。

  • 核心功能: 基于Claude AI技能(Skill),将纯文本架构描述转换为独立HTML文件,内置SVG图表、CSS样式,无需依赖,任何现代浏览器均可打开。
  • 使用流程: 三步完成——安装技能(需Claude付费计划)、准备架构描述(AI分析代码/手动编写/询问典型架构)、调用技能生成图表,支持对话式迭代修改。
  • 技术特性: 深色主题(Slate-950背景)、语义化配色(前端青色/后端翠绿/数据库紫色/云服务琥珀色/安全玫瑰色)、JetBrains Mono字体、智能图层渲染(箭头置于组件后方)。
  • 输出结构: 包含标题栏(带动画状态指示器)、主SVG图表、三张信息摘要卡、页脚元数据,可分享、打印、导出PDF或托管为静态页面。
  • 许可与归属: MIT开源协议,由Cocoon AI开发维护。

评论

(0)
未配置登录方式
暂无评论