README.zh-CN.md

CanvasAnvil

面向流程绘制、室内设计、PPT、海报、信息图与产品介绍的 AI 多画布创作平台。

创作画布 | PPT 展示 | 视频教程 | Skills | 快速开始 | English

⭐ 如果 CanvasAnvil 对你有帮助，欢迎给仓库点个 Star，也可以 Fork 一份继续扩展你自己的画布工作流。

CanvasAnvil 将流程图、室内设计工作流、PPT 制作、海报、信息图和产品介绍整合到一个统一工作区中。

🔷 流程绘制画布

将结构化提示快速转成清晰图表，适合学术框架、系统架构、实施路线和课程导图，并在同一画布中持续迭代布局、节点关系与说明文案。

成品实例

学术研究框架图	智能问答系统架构图
项目实施路线图	课程设计思维导图

🏠 室内设计画布

把规划板、2D 布局、材质方案、渲染编排和材料清单输出串成一条完整的室内设计交付链路。

成品实例

装修平面布置图	地面铺装图	顶棚平面图
墙体定位图	机电综合图	立面索引图 + 室内立面图
节点详图

📑 PPT 演示画布

通过“先大纲、后视觉”的方式生成完整演示文稿，并导出可编辑 PPT、PDF 或图片版 PPT。

成品实例

AI 时代的高效内容创作	智能协作驱动未来增长
AI 驱动业务创新	绿色低碳转型与智慧园区建设

📣 海报画布

适合快速完成高冲击力的单页视觉表达，重点处理版式、字体层次和海报级构图。

成品实例

青年设计论坛 2026	江南国潮文化艺术节
城市夏日独立音乐节	未来智能科技峰会 2026

📊 信息图画布

将信息密度较高的内容整理成清晰的视觉讲解版面，兼顾可读性、结构性与展示效果。

成品实例

AI 算力增长趋势	智能汽车用户关注点
健康作息指南	低碳生活方式

🛍️ 产品介绍画布

围绕产品主视觉、卖点和叙事结构组织信息，适合输出产品介绍页、上线宣传页和展示视觉。

成品实例

无线降噪耳机	旗舰游戏本
焕亮精华液	智能纯电 SUV

🎨 创作画布

画布	核心能力	常见输出
流程绘制	结构化图表生成与局部编辑	流程图、架构图、逻辑图
室内设计	室内方案规划、图纸协同与交付打包	概念板、二维图纸、渲染任务单、材料清单
PPT 演示	结构化演示文稿生成与多种导出	演示文稿、汇报幻灯片、可编辑演示稿、提案稿
海报	单张视觉传达与版式表达	活动海报、宣传海报、主视觉物料
信息图	信息设计与可视化讲解	讲解型信息图、主题信息板、对比图表
产品介绍	产品叙事与卖点表达	产品展示页、卖点视觉页、上线宣传页

🌈 版本发布

当前版本：v2.1.0

• 更新 CanvasAnvil 门户界面，优化入口体验与产品导航结构
• 新增 pptist-lab 独立部署方式，支持 PPT 编辑器作为独立服务运行
• 统一主应用与独立 PPT 编辑器服务的本地和部署端口规划
• 更新并同步在线访问地址为 https://canvasanvil.codingfgd.asia
• 优化 PPT 编辑器在域名、HTTPS 与反向代理生产环境下的嵌入兼容性

🌐 在线使用

当前在线访问地址：

• 🔗 CanvasAnvil：https://canvasanvil.codingfgd.asia

PPT 编辑器已改为独立 pptist-lab 服务部署，并通过 CanvasAnvil 的 PPT 工作区嵌入使用。

🎬 视频教程

• Bilibili 教程：https://b23.tv/pFWv7iI

🧰 Skills

CanvasAnvil 为每个画布都提供了专用本地 skill，用来保证工作流稳定、输出一致，而不是把所有任务都塞进同一条通用提示链。

• flow-skill · 流程图生成与打包 输出整洁的图表资源，并默认跳过独立 HTML 预览。
• cad-skill · 室内设计交付流程 导出图纸打包结果与 CSV 材料清单，便于后续交付。
• ppt-skill · 完整演示稿生产 强制先确认大纲，再生成整套演示稿，并导出可编辑 PPT、PDF 或图片版 PPT。
• poster-skill · 单张海报视觉生成 强调海报级构图、字体层次和成品表达。
• infographic-skill · 信息图组织与讲解 负责高密度信息整理、视觉讲解和信息图版式。
• product-skill · 产品卖点展示物料 围绕产品定位、卖点和展示视觉组织内容。

所有 skill 默认使用宿主文本模型。只有生图能力需要单独配置图片生成供应商。

🚀 快速开始

1. 安装依赖

npm install

2. 启动本地开发

CanvasAnvil 统一使用两个本地端口：主应用运行在 8001，PPTist Lab 运行在 8003。使用组合命令可以同时启动两个服务。

npm run dev:full

默认访问地址：

• 主应用：http://127.0.0.1:8001
• PPTist Lab：http://127.0.0.1:8003

生产部署时，CanvasAnvil 采用双服务部署：

• 🧩 主应用：CanvasAnvil Web App
• 📑 PPT 编辑器：独立 pptist-lab 静态服务

Docker 和传统部署方式都需要同时启动这两个服务。详细配置见 deploy/README.zh-CN.md。

3. 运行类型检查

npm run check

4. 构建生产版本

npm run build

🧪 常用命令

• npm run dev:full：启动 8001 端口的主应用和 8003 端口的 PPTist Lab
• cd pptist-lab && npm run dev：在 8003 端口启动 PPTist Lab
• npm run check：执行 TypeScript 检查
• npm run build：构建生产版本

📝 开发说明

• AI 配置读取本地应用设置；生图工作流使用已配置的图片生成供应商
• 本地开发依赖 API 服务提供 /api/ppt-ai 等接口
• 修改 vite.config.ts 中的本地 API 路由后，需要重启开发服务

📚 文档

• 部署说明：deploy/README.md

⚖️ 许可证

CanvasAnvil 采用 GNU Affero General Public License v3.0（AGPL-3.0）协议发布。 完整协议内容请查看 LICENSE。

💌 联系方式

• 3524962421@qq.com

💬 加入社区

欢迎加入「智构开源社」群聊，一起交流 CanvasAnvil 及开源项目相关内容。