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美元/月
条款
集成
###
