注意:本项目的目的是展示如何利用Trae AI快速构建个人应用(采用氛围编程vibe coding)。项目代码主要由AI生成,可能存在不准确或需要优化的内容,请谨慎参考。
以下大部分内容为AI生成:
一个基于Python Flask的AI交互应用,能够根据用户输入的内容自动生成PPT设计方案,包括标题、布局、配图建议,并通过HTML展示设计效果。
- 🎯 智能内容分析 - AI处理用户输入,提取关键信息
- 🎨 专业设计建议 - 自动生成PPT标题、布局和配色方案
- 📊 可视化预览 - 使用HTML展示PPT结构
- 🖼️ 配图建议 - 提供相关的图片和图表建议
- 🚀 轻量高效 - 基于Flask框架,启动快速
- 💻 现代界面 - 使用Tailwind CSS构建响应式界面
- 后端: Python 3.10+, Flask
- 前端: HTML5, Tailwind CSS, JavaScript
- 图表: html结构布局
- 包管理: uv
- AI集成: 可扩展的AI处理模块
- Python 3.10或更高版本
- uv包管理器
- 火山方舟API密钥(可选,用于真实的AI处理)
- 安装依赖:
uv sync-
配置API密钥(可选): 复制
config.demo.toml为config.toml并编辑,将ark_api_key替换为您的火山方舟API密钥 -
启动应用:
python app.py- 打开浏览器访问:
http://localhost:5000
# 安装uv(如果尚未安装)
pip install uv
# 同步依赖
uv sync
# 添加新依赖
uv add package-name
# 运行应用
uv run python app.pyai-ppt-designer/
├── app.py # Flask主应用
├── pyproject.toml # 项目配置和依赖
├── templates/
│ └── index.html # 主页面模板
├── README.md # 项目说明
└── prompts.md # AI提示词模板
- 在输入框中输入您希望制作成PPT的内容
- 点击"生成PPT设计"按钮
- 查看AI生成的设计方案,包括:
- PPT标题和整体布局
- 内容结构分析
- 配图建议
- Mermaid结构示意图
应用已集成火山方舟(Volcengine Ark)AI服务,要使用真实的AI处理功能:
-
获取API密钥:
- 访问火山引擎控制台
- 创建API密钥
- 获取ARK_API_KEY
-
配置config.toml(重命名config.demo.toml并修改):
[api]
ark_api_key = "您的API密钥"
ark_api_url = "https://ark.cn-beijing.volces.com/api/v3/chat/completions"
ark_model = "doubao-seed-1-6-251015"- API调用示例:
curl https://ark.cn-beijing.volces.com/api/v3/chat/completions \
-H "Content-Type: application/json" \
-H "Authorization: Bearer $ARK_API_KEY" \
-d '{
"model": "doubao-seed-1-6-251015",
"messages": [
{
"role": "user",
"content": "你好"
}
]
}'编辑 app.py 中的 process_content_with_ai 函数,可以:
- 集成其他AI API服务
- 自定义PPT设计规则
- 调整Mermaid图表样式
修改 templates/index.html:
- 调整Tailwind CSS样式
- 添加新的交互功能
- 修改布局结构
- 集成真实的AI API服务
- 添加PPT模板选择功能
- 支持导出设计为Markdown格式
- 添加用户登录和项目保存功能
- 支持多种图表类型(时序图、类图等)
欢迎提交Issue和Pull Request!
MIT License