🎁 Get the FREE AI Skills Starter Guide β€” Subscribe β†’
BytesAgainBytesAgain
πŸ¦€ ClawHub

AI Proposal Generator

by @jeffjhunter

Generate professional HTML proposals from meeting notes. Features 5 proposal styles (Corporate, Entrepreneur, Creative, Consultant, Minimal), 6+ color themes, and a Design Wizard for custom templates. Triggers on "create proposal", "proposal for [client]", "proposal wizard", "proposal from [notes]", "show proposal styles", "finalize proposal". Integrates with ai-meeting-notes for context. Outputs beautiful, responsive HTML ready to send or export as PDF.

Versionv1.0.0
Downloads4,628
Installs15
Stars⭐ 9
TERMINAL
clawhub install ai-proposal-generator

πŸ“– About This Skill


name: ai-proposal-generator description: Generate professional HTML proposals from meeting notes. Features 5 proposal styles (Corporate, Entrepreneur, Creative, Consultant, Minimal), 6+ color themes, and a Design Wizard for custom templates. Triggers on "create proposal", "proposal for [client]", "proposal wizard", "proposal from [notes]", "show proposal styles", "finalize proposal". Integrates with ai-meeting-notes for context. Outputs beautiful, responsive HTML ready to send or export as PDF.

AI Proposal Generator

Generate professional, beautifully-designed HTML proposals from meeting notes in minutes.

System Overview

Meeting Notes + Your Template + Color Theme = Professional HTML Proposal

File Locations

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

Trigger Phrases

| Phrase | Action | |--------|--------| | "create proposal for [client]" | Generate proposal, pull from recent meeting notes | | "proposal from [file]" | 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 | #0ea5e9 | #0284c7 | 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 proposals/templates/custom/[name].md

Wizard Output Format

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
βœ… TEMPLATE CREATED
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

πŸ“„ Name: [template-name] 🎨 Style: [style] | Theme: [theme] πŸ“ Sections: [list]

πŸ“ Saved: proposals/templates/custom/[name].md ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Proposal Generation

Step 1: Gather Context

1. Search meeting-notes/ for client name 2. Check MEMORY.md for client history 3. Load proposals/SERVICES.md for pricing 4. Ask user to fill gaps

Step 2: Generate Draft

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
πŸ“„ 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" ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Step 3: Edit & Refine

  • "edit executive summary" β†’ Rewrite section
  • "make it more formal" β†’ Adjust tone
  • "add testimonials" β†’ Insert section
  • "change price to $5,000" β†’ Update pricing
  • Step 4: Finalize

    Generate HTML using base template + theme CSS:
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
    βœ… PROPOSAL FINALIZED
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

    πŸ“„ [Client] Proposal πŸ“ HTML: proposals/generated/[date]_[client].html

    Ready to send, export PDF, or download. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

    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
  • .proposal-entrepreneur β€” Bold headers, high contrast, CTA-focused
  • .proposal-creative β€” Asymmetric layout, visual emphasis, portfolio grid
  • .proposal-consultant β€” Clean lines, advisory tone, option cards
  • .proposal-minimal β€” Maximum whitespace, essential typography only
  • Requirements

  • Mobile-responsive
  • Print-ready (clean page breaks)
  • PDF-exportable
  • SERVICES.md Template

    # 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.]
  • 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