SAM AI Page Builder
SAM AI Page Builder
Describe Your Page. Watch It Appear.
The Problem You Know Too Well
You need a landing page. Or a sales page. Or a documentation page. You know what you want it to DO, but you don't know HTML, CSS, or where to start.
You could:
- Learn web development (weeks)
- Hire a designer (expensive, slow)
- Use a page builder (still need design skills)
- Copy a template (looks like everyone else)
It doesn't have to be this way.
What If You Could Just DESCRIBE Your Page?
Imagine typing: "Create a landing page for my SaaS product. Blue and white theme, hero section with signup form, three features with icons, testimonial from a happy customer, and a final call to action."
And then watching it appear in real-time. Responsive. Styled. Ready to publish.
That's SAM AI Page Builder.
The WOW Factor
| What You Get | Why It Matters |
|---|---|
| Natural Language Input | Describe what you want in plain English |
| Live Preview | See your page as it's being generated |
| Iterative Refinement | "Make the header bigger" - instant changes |
| Complete Code | HTML, CSS, and JavaScript - all generated |
| One-Click Publish | Push to your Odoo website instantly |
| Prompt History | Track every iteration for each page |
How It Works
- Describe Your Vision - Type what you want in the chat panel
- AI Generates - Claude creates HTML, CSS, and JavaScript
- Preview Live - See your page in the right panel
- Refine - Request changes, watch them happen
- Publish - One click to your Odoo website
Example Prompts
| What You Say | What You Get |
|---|---|
| "Create a minimalist landing page for a meditation app" | Clean, calm design with signup form |
| "Build a sales page for an online course about photography" | Hero, benefits, testimonials, pricing, CTA |
| "Make a contact page with a form and Google Maps" | Form layout with map placeholder |
| "Now make the header sticky" | Updated CSS, instant preview |
Who Is This For?
SAM AI Page Builder is perfect for:
- Business owners who know what they want but can't code
- Marketers who need landing pages fast
- Anyone tired of template limitations
- Developers who want a quick starting point
This probably isn't for you if:
- You prefer visual drag-and-drop (see ai_sam_funnels)
- You need complex e-commerce functionality
- You enjoy writing CSS by hand
Part of the SAM AI Ecosystem
| Module | What It Adds | How It Connects |
|---|---|---|
| ai_sam_base | AI Brain (Claude API) | Powers the generation |
| ai_sam | Chat interface | UI patterns |
| sam_ai_page_builder | AI page generation | You are here |
| website | Publishing | Pages go live here |
The Technical Stuff (For Those Who Care)
Click to expand technical details
- **Odoo Version:** 18.0+ - **AI Model:** Claude via ai_sam_base - **Dependencies:** ai_sam, ai_sam_base, website, sam_ui_theme - **Architecture:** Conversation-based AI with context preservation - **Output:** Semantic HTML5, responsive CSS, vanilla JavaScript - **Documentation:** [Full technical docs](sam_ai_page_builder_SCHEMA.md)Ready to Build with AI?
Go to SAM AI > Page Builder, describe your page, and watch it come to life.
SAM AI Page Builder - Part of SAM AI by SME.ec
Version 18.0.1.0.0 | Odoo 18 Compatible | LGPL-3 License