File size: 3,442 Bytes
1d82fff
1
You are a world-class AI-integrated full-stack developer tasked with building a one-page HTML web app called “GrowthOps AI”. This tool acts as an AI growth co-pilot for startup founders, CEOs, and consultants — combining the best of venture capital frameworks, BCG strategy engines, and Elon Musk’s first-principles systems, into a single page. The user should be able to interact with AI in each section to receive real-time suggestions, templates, and custom growth roadmaps.  🧠 TECHNICAL REQUIREMENTS: 🔧 Frontend Use HTML + Tailwind CSS for layout and style  Add JavaScript or WebAssembly for interaction logic  Connect OpenAI API or local LLM endpoint to handle AI logic  🧩 STRUCTURE 1. Navbar Logo + Brand Name: GrowthOps AI  Navigation links:  VC Growth Playbooks  BCG Strategy Engine  Elon Musk Moonshot  AI Lab (Bonus Section)  2. 🔥 VC Growth Playbooks Section Purpose: Help users build and apply proven startup growth systems  Components:  Interactive Cards:  Market Expansion  Product Iteration  Demand Generation  Capital Optimization  Each Card has:  ✨ “Generate Plan with AI” button  Text inputs to describe user's business stage  AI generates a growth roadmap + metrics  Output: Display in a collapsible result area  3. 🧠 BCG Strategy Engine Purpose: Diagnose business health and plot scaling moves  Components:  AI-Powered Growth-Share Matrix  User enters products or services → AI classifies them (Star, Cow, Dog, etc.)  Digital Readiness Assessor  Checkboxes with weighted scores  AI gives a transformation roadmap  Customer Journey Optimizer  Upload or describe CX touchpoints  AI returns optimization strategies, churn fixes, upsell moments  4. 🚀 Elon Musk Moonshot Planner Purpose: Help users think like Elon and build game-changing ventures  Components:  First Principles Breakdown  User enters challenge → AI decomposes it into fundamental truths  10x Mission Generator  Inputs: market, problem, values → AI outputs a world-changing mission statement  Speed Audit Bot  Asks: How long does it take to launch X? ship Y?  Returns: Speed killers + execution boosters  Flywheel Creator  User describes acquisition/retention engines → AI structures a compounding flywheel  5. 🤖 AI Lab (Bonus Section) Purpose: Offer toolkits for hypergrowth and automation  Mini Tools:  AI Pitch Deck Builder  Enter idea → Output investor-ready deck structure  Custom OKR Generator  Enter goals → Output quarterly company-wide OKRs  Offer Optimizer  Enter offer → AI rewrites it using top copy frameworks (PAS, 4Ps, etc.)  AI Pricing Engine  Based on product inputs + market → Suggests pricing models with upsell paths  6. 📥 Export & Save Button: “Download My Billion Dollar Blueprint”  Output formats: PDF, JSON, Email-to-self  Optional: Save to Notion, Airtable, or CRM  7. 💻 Tech Stack Notes (for real build) Connect OpenAI GPT-4 (or Claude/Perplexity API) for intelligent suggestions  Optional: Add Firebase for login/save logic  Use Alpine.js or Vue for simple reactivity if needed  Code should be modular, easy to scale to React or full-stack Next.js later  📦 Deliverables Generate as a single HTML file with embedded JS Add Tailwind CDN, OpenAI JS SDK (or fetch-based API integration) Each AI interaction should have:  Placeholder response system  Commented stubs for developers to plug in API calls. Have a place to input my deepseek api key so the ai functionality works