drawio-ai-kit: Teach AI to Draw Correct draw.io Diagrams

• URL: https://www.threads.com/@kienletech/post/DayrPEmkzPS
• Date Saved: 2026-07-15
• Source: Threads
• Tags: ai-tools, dev-tools
• Repo: https://github.com/sparklabx/drawio-ai-kit

Summary

@kienletech 分享了一个开源工具 drawio-ai-kit，让 AI（如 Claude Code）能生成正确且美观的 draw.io 图表。

核心特点

• Declarative layout engine — 声明式布局引擎
• Ground-truth stencils — 预置真实组件模板（AWS、Azure、GCP、Databricks、BPMN）
• Structural validator — 结构验证器，确保图表逻辑正确
• Vision self-check — 视觉自检，AI 生成后自动检查渲染结果
• Zero dependencies — 无外部依赖

技术细节

• 语言：JavaScript
• 许可：MIT
• Stars：515（创建于 2026-06-17，约 1 个月）
• Topics：agent-skills, ai-agents, claude-code, drawio, architecture-diagrams
• 定位为 AI Agent 的技能扩展（可作为 Claude Code 等工具的插件）

应用场景

• 用 AI 生成 AWS/Azure/GCP 架构图
• BPMN 流程图自动化
• Databricks 数据管道可视化
• 任何需要从文本描述生成 draw.io 图表的工作流