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

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

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

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

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

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

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

临时体验地址：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 -d
version: '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.8
    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=production

networks:
  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，也更加方便。