AI Proposal Generator
Generate professional, beautifully-designed HTML proposals from meeting notes in minutes.
System Overview
CODEBLOCK0
File Locations
CODEBLOCK1
Trigger Phrases
| Phrase | Action |
|---|
| INLINECODE0 | Generate proposal, pull from recent meeting notes |
| INLINECODE1 |
Generate from specific meeting notes file |
|
"proposal wizard" | Launch Design Wizard to create/customize template |
|
"show proposal styles" | Display all 5 styles with descriptions |
|
"show color themes" | Display all color themes with previews |
|
"change style to [x]" | Switch proposal style |
|
"change theme to [x]" | Switch color theme |
|
"preview proposal" | Show current draft |
|
"edit [section]" | Modify specific section |
|
"finalize proposal" | Generate final HTML |
|
"export pdf" | Convert HTML to PDF |
Proposal Styles
1. Corporate
Tone: Formal, structured, trust-building
Best for: Enterprise clients, B2B, government, large organizations
Sections: Cover Page, Executive Summary, Company Overview, Understanding Your Needs, Proposed Solution, Methodology, Project Team, Timeline, Investment, Terms, Appendix
2. Entrepreneur
Tone: Bold, direct, action-oriented
Best for: Startups, SMBs, fast-moving founders
Sections: The Problem, The Solution, What You Get, How It Works, Investment, Why Us, Let's Go
3. Creative
Tone: Visual, modern, portfolio-focused
Best for: Agencies, designers, marketing, creative services
Sections: The Vision, Your Challenges, Our Approach, The Work, Case Studies, Timeline, Investment, The Team, Next Steps
4. Consultant
Tone: Professional, advisory, expertise-led
Best for: Coaches, consultants, advisors, professional services
Sections: Situation Analysis, Key Challenges, Recommendations, Engagement Options, Expected Outcomes, Credentials, Investment, Next Steps
5. Minimal
Tone: Clean, simple, no-fluff
Best for: Freelancers, small projects, retainers, quick quotes
Sections: Project Overview, Scope, Timeline, Investment, Terms, Accept
Color Themes
| Theme | Primary | Accent | Background | Vibe |
|---|
| Ocean Blue | INLINECODE11 | INLINECODE12 | Light | Professional, trustworthy |
| Ember Orange |
#ff6b35 |
#ff8c42 | Light/Dark | Bold, energetic |
|
Forest Green |
#22c55e |
#16a34a | Light | Growth, natural |
|
Slate Dark |
#1e293b |
#475569 | Dark | Modern, sophisticated |
|
Royal Purple |
#8b5cf6 |
#7c3aed | Light | Creative, premium |
|
Trust Navy |
#1e3a5f |
#2563eb | Light | Corporate, established |
Design Wizard
Triggered by "proposal wizard" — 6-step guided template creation:
Step 1 — Business Type: Agency, Consulting, Tech, Freelance, Professional, Other
Step 2 — Typical Clients: Enterprise, SMB, Startups, Individuals, Mix
Step 3 — Tone: Formal, Friendly, Bold, Minimal
Step 4 — Sections: Multi-select from 12 options
Step 5 — Style: Recommend based on answers or let user choose
Step 6 — Color Theme: Select from 6 themes or custom
Output: Saves custom template to INLINECODE24
Wizard Output Format
CODEBLOCK2
Proposal Generation
Step 1: Gather Context
- 1. Search
meeting-notes/ for client name - Check
MEMORY.md for client history - Load
proposals/SERVICES.md for pricing - Ask user to fill gaps
Step 2: Generate Draft
CODEBLOCK3
Step 3: Edit & Refine
- -
"edit executive summary" → Rewrite section - INLINECODE29 → Adjust tone
- INLINECODE30 → Insert section
- INLINECODE31 → Update pricing
Step 4: Finalize
Generate HTML using base template + theme CSS:
CODEBLOCK4
HTML Generation
Base Template
Use
assets/proposal-template.html as foundation:
- - Inject markdown content converted to HTML
- Apply theme CSS variables
- Apply style-specific layout classes
Style Classes
- -
.proposal-corporate — Serif headers, formal spacing, bordered sections - INLINECODE34 — Bold headers, high contrast, CTA-focused
- INLINECODE35 — Asymmetric layout, visual emphasis, portfolio grid
- INLINECODE36 — Clean lines, advisory tone, option cards
- INLINECODE37 — Maximum whitespace, essential typography only
Requirements
- - Mobile-responsive
- Print-ready (clean page breaks)
- PDF-exportable
SERVICES.md Template
CODEBLOCK5
Integration
From ai-meeting-notes
Extract: Client name, pain points, scope discussed, budget hints, timeline, decision makers
To ai-daily-briefing
Pending proposals appear in briefing as action items
Default Pairings
| Client Type | Style | Theme |
|---|
| Enterprise | Corporate | Trust Navy |
| Startup |
Entrepreneur | Ember Orange |
| Agency | Creative | Royal Purple |
| SMB | Consultant | Ocean Blue |
| Quick project | Minimal | Slate Dark |
Error Handling
No meeting notes: Offer to create from scratch or paste notes
No SERVICES.md: Help create or allow manual pricing
No template: Prompt wizard or suggest built-in style
AI 提案生成器
从会议记录中快速生成专业、设计精美的HTML提案。
系统概览
会议记录 + 你的模板 + 配色主题 = 专业HTML提案
文件位置
proposals/
├── templates/ ← 样式模板(Markdown结构)
│ ├── corporate.md
│ ├── entrepreneur.md
│ ├── creative.md
│ ├── consultant.md
│ ├── minimal.md
│ └── custom/ ← 用户创建的模板
├── themes/ ← 配色主题(CSS)
│ ├── ocean-blue.css
│ ├── ember-orange.css
│ ├── forest-green.css
│ ├── slate-dark.css
│ ├── royal-purple.css
│ ├── trust-navy.css
│ └── custom/ ← 用户创建的主题
├── generated/ ← 输出的提案
│ ├── YYYY-MM-DD_客户名称.md ← 草稿
│ └── YYYY-MM-DD_客户名称.html ← 最终版
└── SERVICES.md ← 用户的定价/套餐
触发短语
| 短语 | 操作 |
|---|
| 为[客户]创建提案 | 生成提案,从最近的会议记录中提取 |
| 从[文件]生成提案 |
从特定会议记录文件生成 |
| 提案向导 | 启动设计向导创建/自定义模板 |
| 显示提案样式 | 显示所有5种样式及描述 |
| 显示配色主题 | 显示所有配色主题及预览 |
| 切换样式为[x] | 切换提案样式 |
| 切换主题为[x] | 切换配色主题 |
| 预览提案 | 显示当前草稿 |
| 编辑[章节] | 修改特定章节 |
| 完成提案 | 生成最终HTML |
| 导出PDF | 将HTML转换为PDF |
提案样式
1. 企业风格
语气: 正式、结构化、建立信任
适用场景: 企业客户、B2B、政府、大型组织
章节: 封面页、执行摘要、公司概况、需求理解、解决方案、方法论、项目团队、时间线、投资、条款、附录
2. 创业风格
语气: 大胆、直接、行动导向
适用场景: 初创公司、中小企业、快速行动的创始人
章节: 问题、解决方案、你将获得什么、运作方式、投资、为什么选择我们、开始行动
3. 创意风格
语气: 视觉化、现代、作品集导向
适用场景: 代理机构、设计师、营销、创意服务
章节: 愿景、你的挑战、我们的方法、工作内容、案例研究、时间线、投资、团队、下一步
4. 顾问风格
语气: 专业、咨询式、专业能力驱动
适用场景: 教练、顾问、咨询师、专业服务
章节: 情境分析、关键挑战、建议、合作方案、预期成果、资质证明、投资、下一步
5. 极简风格
语气: 简洁、明了、无冗余
适用场景: 自由职业者、小型项目、长期合作、快速报价
章节: 项目概览、范围、时间线、投资、条款、接受
配色主题
| 主题 | 主色 | 强调色 | 背景 | 风格 |
|---|
| 海洋蓝 | #0ea5e9 | #0284c7 | 浅色 | 专业、可信赖 |
| 琥珀橙 |
#ff6b35 | #ff8c42 | 浅色/深色 | 大胆、充满活力 |
|
森林绿 | #22c55e | #16a34a | 浅色 | 成长、自然 |
|
深灰板岩 | #1e293b | #475569 | 深色 | 现代、精致 |
|
皇家紫 | #8b5cf6 | #7c3aed | 浅色 | 创意、高端 |
|
信任海军蓝 | #1e3a5f | #2563eb | 浅色 | 企业、成熟 |
设计向导
通过 提案向导 触发 — 6步引导式模板创建:
第1步 — 业务类型: 代理机构、咨询、科技、自由职业、专业服务、其他
第2步 — 典型客户: 企业、中小企业、初创公司、个人、混合
第3步 — 语气: 正式、友好、大胆、极简
第4步 — 章节: 从12个选项中多选
第5步 — 样式: 根据回答推荐或让用户选择
第6步 — 配色主题: 从6个主题中选择或自定义
输出:将自定义模板保存到 proposals/templates/custom/[名称].md
向导输出格式
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ 模板已创建
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📄 名称:[模板名称]
🎨 样式:[样式] | 主题:[主题]
📝 章节:[列表]
📁 已保存:proposals/templates/custom/[名称].md
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
提案生成
第1步:收集上下文
- 1. 在 meeting-notes/ 中搜索客户名称
- 检查 MEMORY.md 中的客户历史
- 加载 proposals/SERVICES.md 获取定价
- 要求用户补充缺失信息
第2步:生成草稿
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📄 提案草稿 — [客户名称]
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ 上下文:meeting-notes/[文件]
✅ 模板:[样式] | 主题:[颜色]
✅ 定价:[套餐]
📁 草稿:proposals/generated/[日期]_[客户].md
命令:显示、编辑[章节]、预览HTML、完成
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
第3步:编辑与完善
- - 编辑执行摘要 → 重写章节
- 使其更正式 → 调整语气
- 添加推荐信 → 插入章节
- 将价格改为5000美元 → 更新定价
第4步:完成
使用基础模板 + 主题CSS生成HTML:
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ 提案已完成
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📄 [客户] 提案
📁 HTML:proposals/generated/[日期]_[客户].html
可发送、导出PDF或下载。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
HTML生成
基础模板
使用 assets/proposal-template.html 作为基础:
- - 将Markdown内容转换为HTML
- 应用主题CSS变量
- 应用特定样式的布局类
样式类
- - .proposal-corporate — 衬线标题、正式间距、带边框的章节
- .proposal-entrepreneur — 粗体标题、高对比度、CTA聚焦
- .proposal-creative — 不对称布局、视觉强调、作品集网格
- .proposal-consultant — 简洁线条、咨询语气、选项卡片
- .proposal-minimal — 最大留白、仅保留基本排版
要求
SERVICES.md模板
markdown
服务与定价
套餐
入门版 — X,XXX美元/月
成长版 — X,XXX美元/月
扩展版 — X,XXX美元/月
条款
集成
###