AI + Draw.io + PPT,拿去直接部署,解放你的双手!

大家好，我是技术UP主小傅哥。

画不过来，真画不过来。小手✋🏻画麻了，也画不过来呀😂。一个是自己写东西，包括推文、课程、视频，里面所需的绘图素材。另外一个是工作中有很多的架构设计要通过 draw.io 流程图来体现，以及配套的用 PPT 来讲解。真的，这画图要占掉整个内容创作的40%时间。咋弄？

好在，俺自己会做，还能分享给你！

我需要的这种 draw.io 画图、ppt 制作，不是说市面上的网页工具，随便给我来一下就行了。而是要深度的结合我所在场景的，设计文档、工程代码、会议记录等各项资料信息综合绘制的设计图和ppt讲解/分享内容，做深度绑定后的绘制处理。否则只是自嗨，感觉好看而已，是不行的。

除此之外，往往这类的内容，还有一定的安全考量，很多信息资料是不能对外的。我有深度测试，qwen3.6:35b 绘制出来的 draw.io/ppt 完全没问题。所以，像是个人或者公司有点点能力部署下本地 ollama 内部自己做一些绘图或者写代码（轻量一些的）完全可以。

如果能拿下一台黄仁勋  DGX Spark 128G 那部署个本地模型自己玩，还是挺爽的。

好啦，那接下来小傅哥就来分享下这套自研的绘图服务（提供了部署脚本）的部署，演示和演示。如果想深度折腾，还可以学习下对应的智能体源码，那你就可以做更多扩展，如 AI + Docx、AI + Excel，全都可以美滋滋的玩起来！

一、先看效果

临时体验地址：http://81.70.245.73:3000/ - 打开后，可以添加你的LLM进行测试。如果后面换体验地址，我会放到评论区。

1. 登录&首页

• 这次小傅哥扩展了 ai draw 绘图的能力，可以有更强的用户体验。此外还加入了 ai ppt 能力。
• 按照这样发展，以前就成了自己的一个 AI 能力的 “飞书” 了，把 AI 深度结合到自动化办公里。如果你愿意搞一下，绝对是有很多人使用的。 其实是，越不懂 AI 的，也需要成熟的 AI 产品。

2. 模型配置

• 对话时，用户可以选择自己添加一个对话 LLM，点击添加管理模型后，可以自行配置操作。

3. draw.io

• 这次小傅哥还优化了关于 draw.io 画图的操作，增强了画图交互，可以一步步的像人一样帮你绘制出来。
• 注意，模型越好，绘制出来的图的效果越榜。如图，使用的是 qwen3.6:35b 绘制出来的，也还不错。

4. ppt

• 绘制 ppt 操作是小傅哥本次在 ai + draw.io 的智能体项目中，新增加的内容。后续还会陆续迭代其他场景。你也可以自己结合这套项目进行扩展，做一款自己的 AI 智能飞书。

二、部署脚本

# /usr/local/bin/docker-compose -f /docs/dev-ops/environment/environment-docker-compose-2.4.yml up -dversion: '3.8'# docker-compose -f docker-compose-app.yml up -d# 你需要修改system为你自身系统的仓库名services:## 后端服务，注意修改 智能体 DRAWIOAGENT 配置。  ai-draw-io-app:    image: registry.cn-hangzhou.aliyuncs.com/fuzhengwei/ai-draw-io-app:1.7    container_name: ai-draw-io-app    restart: on-failure    ports:      - "8091:8091"    environment:      - TZ=PRC      - SERVER_PORT=8091# 智能体 DRAWIOAGENT 配置，更换 base_url、api_key、model、以及百度搜索的 api_key 「https://console.bce.baidu.com/iam/?_=1753597622044#/iam/apikey/list」      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_AI_API_BASE_URL=https://apis.itedus.cn      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_AI_API_API_KEY=sk-S2YffPknMOEbapquA84c9004294248568d1a3fDdAfA137C9      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_AI_API_COMPLETIONS_PATH=v1/chat/completions      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_CHAT_MODEL_MODEL=gpt-4.1      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_NAME=baidu-search      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_BASE_URI=http://appbuilder.baidu.com/v2/ai_search/mcp/      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_SSE_ENDPOINT=sse?api_key=bce-v3/ALTAK-WjK8NIh3txZo7rXXEjhri/e2f09d53de961bcaf2609b76c7c7a7e6d0f05da3      - AI_AGENT_CONFIG_TABLES_DRAWIOAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_REQUEST_TIMEOUT=500000      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_AI_API_BASE_URL=https://apis.itedus.cn      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_AI_API_API_KEY=sk-S2YffPknMOEbapquA84c9004294248568d1a3fDdAfA137C9      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_CHAT_MODEL_MODEL=gpt-4.1      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_AI_API_COMPLETIONS_PATH=v1/chat/completions      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_NAME=baidu-search      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_BASE_URI=http://appbuilder.baidu.com/v2/ai_search/mcp/      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_SSE_ENDPOINT=sse?api_key=bce-v3/ALTAK-WjK8NIh3txZo7rXXEjhri/e2f09d53de961bcaf2609b76c7c7a7e6d0f05da3      - AI_AGENT_CONFIG_TABLES_PPTAGENT_MODULE_CHAT_MODEL_TOOL_MCP_LIST_0_SSE_REQUEST_TIMEOUT=500000    volumes:      - ./log:/data/log    logging:      driver: "json-file"      options:        max-size: "10m"        max-file: "3"    networks:      - my-network## 前端服务，注意 image 如果你有自己的镜像，记得更换。  ai-draw-io-front:    image: registry.cn-hangzhou.aliyuncs.com/fuzhengwei/ai-draw-io-front:1.7    container_name: ai-draw-io-front    restart: always    ports:      - "3000:3000"    environment:# 修改 http://192.168.1.110:8091/api/v1 为你的IP地址。      - NEXT_PUBLIC_API_BASE_URL=${NEXT_PUBLIC_API_BASE_URL:-http://81.70.245.73:8091/api/v1}      - NODE_ENV=productionnetworks:  my-network:    driver: bridge

• 【可选】ai-draw-io-app 下的 LLM 相关的，地址、key、模型，可选修改。如果修改了，则会作为默认模型使用。如果不修改，就是项目启动后，你要自己添加一个模型使用。
• 【必须】ai-draw-io-front 前端应用，要访问你的服务端地址，NEXT_PUBLIC_API_BASE_URL 的IP 是必须修改为你的服务器的 IP
• 【必须】云服务器开放安全组开放端口 8091、3000

好啦，拿去体验吧。如果想把源码也学习，扩展自己的功能，那么可以访问项目地址：https://bugstack.cn/md/project/ai-agent-scaffold/ai-agent-scaffold.html

三、工程介绍

ai + draw.io/ppt 是一套基于 ai agent 脚手架（spring ai + google adk）实现的智能体，这套智能体可以为很多业务场景提供基础服务，快速完成智能体的构建。

• 项目01；《ai + draw.io/ppt》，地址：https://t.zsxq.com/035hj
• 项目02；《MobileOpenClaw 智能手机》，地址：https://t.zsxq.com/dx4wS
• 项目03；《walissh ai shell 智能终端》，地址：https://t.zsxq.com/s83De

1. 后端工程

• 智能体的核心流程都在后端，而且可以通过配置的方式进行使用，这也是这套脚手架的魅力。

2. 前端工程

• 前端工程主要负责渲染操作，对接服务端接口。这样的会，以后想做一些安全控制也会非常容易。同时如果想对智能体统一的加 skills、mcp，也更加方便。