langchat-slides

langchat-slides是什么？

langchat-slides是LangChat团队开发的开源AI幻灯片智能生成工具，也是企业级AIGC平台LangChat Pro的旗舰产品之一，使用Vue3+TypeScript 技术栈构建，基于生成式AI和 @antv/infographic 可视化做驱动，解决传统 PPT制做排版麻烦、效率不高的问题。用户用简单自然的自然语言表达做PPT意图即可直接生成既专业美观又个性的信息图幻灯片，同时支持灵活的编辑、管理与导出，项目用 Apache-2.0 协议开源，支持本地开发和部署；既适应个人使用需求又满足企业二次开发。

langchat-slides主要功能

• AI驱动的幻灯片生成：基于自然语言表达需求制作幻灯片，AI能够智能理解并生成符合要求的幻灯片内容和排版，无须拖拽排版；幻灯片生成过程实时流式渲染，所见即所得，随时观看内容生成和渲染结果；还可对幻灯片进行对话式编辑，简单的自然语言下达对幻灯片格式修改、增加内容等指令也能进行修改。
• 丰富的模板与定制能力：自带 30+ 专业信息图模板，包括时间线、图表、列表、SWOT 分析等模板；有不同主题模式切换（明暗模式），多种主题色和套色方案自定义等，灵活应对多种使用情况；自带代码编辑器，可直接改各个幻灯片信息图语法，可直接设计使用自定义幻灯片，@antv/infographic 全量信息图模板均支持。
• 便捷的幻灯片管理：支持 1-10 页幻灯片批量生成，缩略图打开幻灯片批量管理模块，可快速切换幻灯片、创建空白幻灯片、清空幻灯片，带有替换／追加幻灯片模式可选，画布可进行50％～250％缩放画布，有快捷键等操作快速提高编辑效率；支持开放AI模型GPT-4、GPT-3.5等模型，可根据需要选择设置API即可切换。
• 多格式导出与多语言支持：可一键将幻灯片输出为PDF、PNG、SVG、JPG、WebP、PPT等格式，可演示、共享、打印等多种用途，支持中文、英文等语言的使用，响应式界面，能够自动调整页面适应不同尺寸的屏幕，保障不同设备界面浏览。

langchat-slides技术栈核心

• 前端框架：Vue3 + TypeScript + Vite7（快速构建与热更新）；
• UI与样式：Tailwind CSS v4、Shadcn Vue（组件库）、Lucide Vue Next（图标库）；
• 状态管理：Pinia（轻量、类型安全的 Vue 状态管理）；
• 可视化引擎：@antv/infographic（提供专业信息图渲染与模板支持）；
• AI集成：OpenAI API（流式响应处理，支持 markdown 代码块自动解析）；
• 部署与构建：支持本地开发、Docker Compose 部署、直接 Docker 运行，兼容多种环境。 

适用场景

• 商业演示场景：适用于企业人员快速生成各种会议演讲课件、会议方案、商业计划书等，无需专业排版设计技巧就能快速高效生成演示文稿。
• 教育教学场景：教师可以用到工具将复杂的知识点、学科成长历史转换成为展示的时间线、知识结构图等图表，快速生成课件及教学用的教学演示文稿，提高教学展示能力。
• 数据可视化场景：职场人士可将数据（结构数据或行业数据）导入工具直接生成图表式的幻灯片使数据报告更易于阅读，适用数据分析、工作汇报等场景。
• 创意设计场景：产品经理、设计师可快速制作产品原型的演示稿、创意灵感的可视化幻灯片，快速实现想或讲的效果，提高团队沟通效率。
• 文档可视化场景：程序员能将自己的枯燥难懂的技术文档、操作手册变成可视化的幻灯片，降低用户体验成本，适用技术培训、文档讲解等场景。
• 营销推广场景：营销员可快速生成产品宣传、活动策划的可视化宣传内容，通过丰富的模板轻松制作精美、时尚的营销式幻灯片，适用推广大型品牌、活动介绍等场景。 

langchat-slides怎么部署及使用？

langchat-slides开源Github仓库地址：https://github.com/LangChat/langchat-slides

一、部署步骤（本地版）

1. 安装 Node.js（≥20.x）和 pnpm（≥8.x），准备好 OpenAI API Key
2. 克隆项目：git clone https://github.com/LangChat/langchat-slides.git 并进入目录
3. 复制配置文件：cp .env.example .env，在 .env 里填写 OPENAI_API_KEY
4. 安装依赖：执行 pnpm install
5. 启动项目：执行 pnpm dev
6. 打开浏览器访问 http://localhost:5173

二、使用步骤

1. 进入页面，点击 New Presentation 新建幻灯片
2. 在左侧输入框用自然语言描述需求，点击 Generate 生成
3. 等待 AI 流式渲染生成幻灯片，用缩略图切换页面
4. 用对话指令修改内容、格式、主题
5. 直接编辑文本，或通过 Code 面板自定义代码
6. 新增、删除幻灯片，调整视图缩放
7. 点击 Export，选择 PDF/PPT/PNG 等格式导出