96SEO 2026-06-06 06:14 0
Excalidraw Diagram Generator
GitHub 官方出品,画完还Neng自己手动改
Cocoon-AI 开源的 architecture-diagram-generator 专门解决这个,Star 也攒到了 .6k 这个量级。

Zui近在 GitHub 上翻到一个画图的 Skill,叫 fireworks-tech-graph,目前Yi经攒到了 .6k Star。
这个 Skill 同时兼容 Claude.ai 和 Claude Code。
npx skills add yizhiyanhua-ai/fireworks-tech-graph
Mac 上还要 brew install librsvg 装一下底层依赖,用来把 SVG 转成 PNG。
这个项目干的事情说白了就是:你用大白话描述一下想要的图,它帮你生成 SVG,再导出成高清 PNG,直接就Neng塞到博客或者 PPT 里。
比如 RAG pipeline、多 Agent 协作流程这种,在国内写 AI 相关内容的场景特别实用。
Ru果你在用 Claude.ai,直接去 Settings → Capabilities → Skills 把文件传上去就行。Claude Code 用户把文件扔到 ~/.claude/skills/ 下也Neng直接用。
特别值得一提的是它对 UML 关系线Zuo了细致区分,继承、实现、关联、依赖、聚合、组合这几种线型全dou按规范来画类图显得特别专业。
改颜色、挪位置、加箭头、删节点,全dou没问题。
同一张图换个风格再生成一次就行,不用自己动手改样式。
开源地址:https://github.com/yizhiyanhua-ai/fireworks-tech-graph
Architecture Diagram Generator
画架构图还有一个hen烦人的事,画完之后怎么发给别人kan,Ru果导出图片清晰度不够,发 draw.io 文件对方还得装工具。
一共支持 种图表类型,UML 全家桶dou有,还专门Zuo了 AI/Agent 方向的模板。
视觉风格也有 种可选,暗黑终端风、科技线稿风、手绘风douNeng切。
挺适合那种要给老板或者客户Zuo系统方案汇报的场景,出来的效果kan着就挺专业。
它是 GitHub 官方 awesome-copilot 仓库里收录的一个 Skill,放在 skills/excalidraw-diagram-generator 下面。
npx skills add excalidraw.excalidraw_diagram_generator
注意:这里需要geng新一下命令
npx skills add excalidraw.excalidraw_diagram_generator
3. 生成图表: 使用以下命令根据你的需求生成一个架构图:
npx skills generate --skill excalidraw.excalidrawdiagramgenerator --prompt "一个简单的 RAG pipeline 的流程图。" --output diagram.json
4.打开和编辑生成的 diagram: 生成的 diagram 会保存为 .json 文件, 你Ke以用 Excalidraw 打开并继续编辑。例如: excalidraw diagram.json
继续访问
输出形态hen有意思,直接给你一个独立的 HTML 文件,里面嵌的是 SVG ,双击就Neng在任何浏览器里打开kan。 挺适合需要反复打磨的场景 ,或者跟同事协作编辑的时候用 。 默认风格走的是深色主题 ,字体用的 JetBrains Mono ,出来的图自带设计感 ,不用自己再去调配色 。 支持的图表种类也hen全 ,我kan了一下一共有 种:流程图、关系图、思维导图、架构图、数据流图、泳道图、类图、时序图、ER 图 ,日常画图基本dou覆盖了 。 丢到微信、邮件dou不会糊 ,分享起来相当无脑 。 要画云架构还Neng调 AWS 、GCP 、Azure 的官方图标库 ,不用自己再去找素材图 。 excalidraw 就是那个 120K Star 的开源在线画板 。 它是个 Claude Code 的 Skill ,装起来一行命令:npx skills add excalidraw.excalidrawdiagramgenerator
Excalidraw Diagram Generator : 方便快捷, 生成高清 PNG 图片, Ke以继续手动编辑
fireworks-tech-graph : 擅长处理技术文档相关的图形, 对 UML 支持非常好
Architecture Diagram Generator: 输出格式是独立 HTML 文件, 双击即可打开
希望这些信息Neng帮助你geng好地利用 Claude 和这些强大的绘图工具! 要是还有啥问题尽管问我啊!咱就是说一起进步嘛!
作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback