介绍
# AI Proposal Generator
在几分钟内根据会议记录生成专业、设计精美的 HTML 方案。
## 系统概览
``` Meeting Notes + Your Template + Color Theme = Professional HTML Proposal ```
## 文件位置
``` proposals/ ├── templates/ ← Style templates (markdown structure) │ ├── corporate.md │ ├── entrepreneur.md │ ├── creative.md │ ├── consultant.md │ ├── minimal.md │ └── custom/ ← User-created templates ├── themes/ ← Color themes (CSS) │ ├── ocean-blue.css │ ├── ember-orange.css │ ├── forest-green.css │ ├── slate-dark.css │ ├── royal-purple.css │ ├── trust-navy.css │ └── custom/ ← User-created themes ├── generated/ ← Output proposals │ ├── YYYY-MM-DD_client-name.md ← Draft │ └── YYYY-MM-DD_client-name.html ← Final └── SERVICES.md ← User's pricing/packages ```
## 触发短语
| 短语 | 操作 | |--------|--------| | `"create proposal for [client]"` | 生成方案,从最近的会议记录中提取信息 | | `"proposal from [file]"` | 从特定的会议记录文件生成方案 | | `"proposal wizard"` | 启动设计向导以创建/自定义模板 | | `"show proposal styles"` | 显示所有 5 种样式及其描述 | | `"show color themes"` | 显示所有配色主题及预览 | | `"change style to [x]"` | 切换方案样式 | | `"change theme to [x]"` | 切换配色主题 | | `"preview proposal"` | 显示当前草稿 | | `"edit [section]"` | 修改特定部分 | | `"finalize proposal"` | 生成最终 HTML | | `"export pdf"` | 将 HTML 转换为 PDF |
## 方案样式
### 1. 企业版 (Corporate) **基调:** 正式、结构化、建立信任 **适用于:** 企业客户、B2B、政府、大型组织 **部分:** 封面、执行摘要、公司概览、需求理解、建议方案、方法论、项目团队、时间表、投资、条款、附录
### 2. 创业版 (Entrepreneur) **基调:** 大胆、直接、以行动为导向 **适用于:** 初创公司、中小企业、行动迅速的创始人 **部分:** 问题、解决方案、您将获得、运作方式、投资、选择我们、开始行动
### 3. 创意版 (Creative) **基调:** 视觉化、现代、以作品集为核心 **适用于:** 代理商、设计师、营销、创意服务 **部分:** 愿景、挑战、我们的方法、作品、案例研究、时间表、投资、团队、下一步
### 4. 顾问版 (Consultant) **基调:** 专业、咨询、以专长为主导 **适用于:** 教练、顾问、 advisor、专业服务 **部分:** 现状分析、关键挑战、建议、合作选项、预期成果、资历、投资、下一步
### 5. 极简版 (Minimal) **基调:** 干净、简单、无冗余 **适用于:** 自由职业者、小型项目、月度合同、快速报价 **部分:** 项目概览、范围、时间表、投资、条款、接受
## 配色主题
| 主题 | 主色 | 强调色 | 背景 | 氛围 | |-------|---------|--------|------------|------| | **海洋蓝 (Ocean Blue)** | `#0ea5e9` | `#0284c7` | 浅色 | 专业、值得信赖 | | **余烬橙 (Ember Orange)** | `#ff6b35` | `#ff8c42` | 浅色/深色 | 大胆、充满活力 | | **森林绿 (Forest Green)** | `#22c55e` | `#16a34a` | 浅色 | 成长、自然 | | **板岩深灰 (Slate Dark)** | `#1e293b` | `#475569` | 深色 | 现代、精致 | | **皇家紫 (Royal Purple)** | `#8b5cf6` | `#7c3aed` | 浅色 | 创意、高级 | | **信赖海军蓝 (Trust Navy)** | `#1e3a5f` | `#2563eb` | 浅色 | 企业、成熟 |
## 设计向导
由 `"proposal wizard"` 触发 —— 6 步引导式模板创建:
**步骤 1 — 业务类型:** 代理商、咨询、科技、自由职业、专业服务、其他 **步骤 2 — 典型客户:** 企业、中小企业、初创公司、个人、混合 **步骤 3 — 基调:** 正式、友好、大胆、极简 **步骤 4 — 部分:** 从 12 个选项中多选 **步骤 5 — 样式:** 根据回答推荐或让用户选择 **步骤 6 — 配色主题:** 从 6 个主题中选择或自定义
输出:将自定义模板保存到 `proposals/templates/custom/[name].md`
### 向导输出格式 ``` ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✅ TEMPLATE CREATED ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📄 Name: [template-name] 🎨 Style: [style] | Theme: [theme] 📝 Sections: [list]
📁 Saved: proposals/templates/custom/[name].md ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ```
## 方案生成
### 步骤 1:收集上下文 1. 在 `meeting-notes/` 中搜索客户名称 2. 检查 `MEMORY.md` 获取客户历史记录 3. 加载 `proposals/SERVICES.md` 获取定价 4. 询问用户填补空白
### 步骤 2:生成草稿 ``` ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📄 PROPOSAL DRAFT — [Client Name] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ Context: meeting-notes/[file] ✅ Template: [style] | Theme: [color] ✅ Pricing: [package]
📁 Draft: proposals/generated/[date]_[client].md
Commands: "show", "edit [section]", "preview html", "finalize" ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ```
### 步骤 3:编辑与优化 - `"edit executive summary"` → 重写部分 - `"make it more formal"` → 调整基调 - `"add testimonials"` → 插入部分 - `"change price to $5,000"` → 更新价格
### 步骤 4:定稿 使用基础模板 + 主题 CSS 生成 HTML: ``` ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✅ PROPOSAL FINALIZED ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📄 [Client] Proposal 📁 HTML: proposals/generated/[date]_[client].html
Ready to send, export PDF, or download. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ```
## HTML 生成
### 基础模板 使用 `assets/proposal-template.html` 作为基础: - 注入转换为 HTML 的 markdown 内容 - 应用主题 CSS 变量 - 应用特定于样式的布局类
### 样式类 - `.proposal-corporate` — 衬线标题、正式间距、带边框的部分 - `.proposal-entrepreneur` — 粗体标题、高对比度、以 CTA 为核心 - `.proposal-creative` — 非对称布局、视觉强调、作品集网格 - `.proposal-consultant` — 干净的线条、咨询基调、选项卡 - `.proposal-minimal` — 最大留白、仅包含必要字体排版
### 要求 - 响应式移动端 - 打印友好(清晰的分页符) - 可导出 PDF
## SERVICES.md 模板
```markdown # Services & Pricing
## Packages
### Starter — $X,XXX/month - [Deliverable]
### Growth — $X,XXX/month - Everything in Starter - [Additional]
### Scale — $X,XXX/month - Everything in Growth - [Additional]
## Terms - Payment: [Net 15, 50% upfront, etc.] ```
## 集成
### 从 ai-meeting-notes 提取:客户名称、痛点、讨论范围、预算提示、时间表、决策者
### 到 ai-daily-briefing 待处理的方案在简报中作为行动项显示
## 默认搭配
| 客户类型 | 样式 | 主题 | |-------------|-------|-------| | 企业 | 企业版 | 信赖海军蓝 | | 初创公司 | 创业版 | 余烬橙 | | 代理商 | 创意版 | 皇家紫 | | 中小企业 | 顾问版 | 海洋蓝 | | 快速项目 | 极简版 | 板岩深灰 |
## 错误处理
**无会议记录:** 提供从零创建或粘贴记录 **无 SERVICES.md:** 帮助创建或允许手动定价 **无模板:** 提示向导或建议内置样式