
QuiverAI
AI矢量图形生成工具,输出可编辑的 SVG 代码
.pptx| 类别 | 技术 |
|---|---|
| 框架 | Next.js、React、TypeScript |
| 造型 | 顺风CSS |
| 数据库 | PostgreSQL 与 Prisma ORM |
| 人工智能集成 | OpenAI API、Together AI、Ollama、LM Studio |
| 认证 | NextAuth.js |
| 用户界面组件 | Radix 用户界面 |
| 文本编辑器 | 版面编辑器 |
| 文件上传 | 上传东西 |
| 拖放式 | DND套件 |
在开始之前,请确保你已安装以下设备:
克隆仓库
git clone git@github.com:allweonedev/presentation-ai.git
cd presentation-ai
安装依赖
pnpm install
设置环境变量
在根目录中创建一个包含以下变量的文件:.env
# Database
DATABASE_URL="postgresql://username:password@localhost:5432/presentation_ai"
# Authentication
NEXTAUTH_SECRET=""
NEXTAUTH_URL="http://localhost:3000"
# Google OAuth Provider
GOOGLE_CLIENT_ID=""
GOOGLE_CLIENT_SECRET=""
# AI Providers
OPENAI_API_KEY=""
TOGETHER_AI_API_KEY=""
FAL_API_KEY=""
# File Upload Service
UPLOADTHING_TOKEN=""
# Optional search and media providers
UNSPLASH_ACCESS_KEY=""
TAVILY_API_KEY=""
💡 提示:复制到并填写你的实际数值。如果你打算通过 Ollama 或 LM Studio 使用本地文本模型,你可以在没有 . 的情况下运行文本生成。
.env.example.envOPENAI_API_KEY
初始化数据库
pnpm db:push
启动开发服务器
pnpm dev
打开应用程序
在浏览器中导航到 http://localhost:3000。
pnpm dev # Start the Next.js dev server
pnpm build # Build the application
pnpm start # Start the production server
pnpm db:push # Push the Prisma schema to the database
pnpm db:studio # Open Prisma Studio
pnpm type # Run TypeScript type-checking
pnpm check # Run Biome checks
pnpm lint # Run Biome linting
请按照以下步骤制作您的第一个AI生成演示文稿:
打造个性化主题以匹配你的品牌或风格:
ALLWEONE Presentation AI 现已支持 Ollama 和 LM Studio 作为本地模型提供者。
ollama pull llama3.1注释:
presentation-ai/
├── prisma/ # Prisma schema and seed data
├── src/
│ ├── ai/ # AI agents, tools, and server integrations
│ ├── app/ # Next.js app router pages, APIs, and server actions
│ ├── components/
│ │ ├── notebook/ # Dashboard, generation flow, theme creation, recording UI
│ │ ├── presentation/ # Presentation editor, present mode, sharing, export
│ │ ├── plate/ # Plate editor plugins and UI
│ │ ├── prose-mirror/ # Outline editor
│ │ └── ui/ # Shared UI primitives
│ ├── hooks/ # Custom React hooks
│ ├── lib/ # Models, themes, export helpers, utilities
│ ├── provider/ # App providers
│ ├── server/ # Auth, DB, and share authorization helpers
│ ├── states/ # Zustand state stores
│ ├── styles/ # Global styles
│ ├── env.js # Environment validation
│ └── proxy.ts # Next.js proxy
├── README.md
├── package.json
├── next.config.js
└── tsconfig.json
| 特色 | 现状 | 注释 |
|---|---|---|
| 导出到PowerPoint(.pptx) | 🟡 部分完成 | 虽然能用,但图片和其他组件无法一一对应 |
| 媒体嵌入 | 🟡 部分完成 | 功能还在,但用户界面和用户体验需要改进 |
| 额外内置主题 | 🟡 进行中 | 该应用目前内置38个主题,且图书馆仍在不断扩展 |
| 移动响应能力 | 🟡 进行中 | 改进移动设备的布局和交互 |
| 高级排行榜 | 🟡 部分完成 | AI生成的图表和图表编辑功能已提供,覆盖范围仍在不断提升 |
| 编写端对端测试 | 🔴 未开始 | 写作测试来检查核心功能,以便发现是否有任何变动导致问题 |
| 实时协作 | 🔴 未开始 | 多个用户同时编辑同一演示文稿 |
| 导出为PDF | 🔴 未开始 | 高优先级——允许用户下载演示文稿的PDF格式 |
| 模板库 | 🔴 未开始 | 为常见演示类型(简报简历、报告报告等)预设模板 |
| 动画与转场 | 🔴 未开始 | 添加幻灯片过渡和元素动画 |
| 演示录音 | 🟡 部分完成 | Present 模式已经支持摄像头和麦克风录制控制 |
| 云存储集成 | 🔴 未开始 | 连接Google Drive、Dropbox、OneDrive |
| 演示分析 | 🔴 未开始 | 跟踪浏览量、互动和展示表现 |
| AI演讲说明 | 🔴 未开始 | 自动生成每张幻灯片的演讲说明 |
| 自定义字体上传 | 🔴 未开始 | 允许用户上传并使用自己的字体 |
| 插件系统 | 🔴 未开始 | 允许社区构建和共享扩展 |
| API | 🔴 未开始 | 允许开发者使用 allweone 演示文稿在自己的应用中生成内容。 |
📝 注:本路线图可能会根据社区反馈和优先事项进行调整。想为这些功能贡献力量吗?请查看我们的贡献指南!
我们欢迎社区的贡献!您可以如何帮助:
分支仓库
创建功能分支
git checkout -b feature/amazing-feature
提交你的修改
git commit -m 'Add some amazing feature'
推向分支
git push origin feature/amazing-feature
开启拉取请求
欲了解更多详情,请阅读我们的贡献指南。
本项目采用MIT许可证授权——详情请参见LICENSE文件。
特别感谢以下项目和组织:
https://github.com/sponsors/allweonedev
需要帮助或有疑问?