The AI Engine.
How VoxelSite turns a conversation into a working website. No templates. No drag-and-drop. Just describe what you want.
The AI Engine
VoxelSite's AI engine is the core of the product. It takes your description and generates a complete, working website.
The conversation flow
When you create a new site, VoxelSite walks you through a guided flow:
- Business type — restaurant, portfolio, landing page, blog, or something else
- Business details — what you do, who your customers are, what makes you different
- Pages — which pages your site needs (home, about, contact, services, etc.)
- Style preference — modern minimal, bold vibrant, elegant classic, dark premium, or custom
- Color preference — optionally specify your brand colors
- Content approach — let the AI write content, use placeholders, or paste your own
From your answers, VoxelSite generates:
- Complete HTML pages with semantic markup and Tailwind CSS utility classes
- A design system —
style.csswith custom properties (colors, typography, spacing) unique to your site - Shared partials —
_partials/header.php,nav.php,footer.php,schema.phpfor consistent layout - Written content tailored to your specific business
- Contact forms with server-side validation and spam protection
- SEO metadata including Schema.org structured data
- Structured data files — JSON files in
assets/data/for machine-readable business info
How changes work
After the initial generation, you can make changes by describing what you want:
- "Add a testimonials section to the homepage"
- "Change the color scheme to dark blue"
- "Add a new page for our team"
- "Make the header sticky"
VoxelSite figures out which files to modify, makes the changes, and shows you a live preview. Every change is tracked — you can undo anything.
Actions vs. free chat
VoxelSite offers two ways to interact:
Actions are guided flows for common tasks — creating a site, editing a page, changing the design, adding components, updating SEO. They ask the right questions to get the best results.
Free chat lets you type anything. Useful when you know exactly what you want or need something the actions don't cover.
What gets generated
VoxelSite generates standard web files:
your-site/
├── index.php # Homepage
├── about.php # About page
├── contact.php # Contact page
├── submit.php # Form handler
├── _partials/
│ ├── header.php # Shared <head>, fonts, styles, meta, opening wrapper
│ ├── nav.php # Navigation (desktop + mobile)
│ ├── footer.php # Footer + closing scripts
│ └── schema.php # SEO structured data (Schema.org)
├── assets/
│ ├── css/
│ │ ├── style.css # Design tokens (your colors, fonts, spacing) + overrides
│ │ └── tailwind.css # Compiled utility classes
│ ├── js/ # JavaScript files
│ ├── images/ # Uploaded images
│ ├── icons/ # Lucide SVG icons
│ └── data/ # Structured data (JSON)
├── sitemap.xml # XML sitemap
├── robots.txt # Crawler rules
├── llms.txt # AI site map
└── mcp.php # MCP server endpoint
These are real files. You can open them in any code editor, modify them by hand, or host them anywhere PHP runs.
Site Memory
VoxelSite remembers what it learns about your business. When you mention your phone number, opening hours, or team members, the AI stores these facts in assets/data/memory.json. On future edits, it uses this knowledge to keep your site consistent — no need to repeat yourself.
Design Intelligence
The AI also tracks its design decisions in assets/data/design-intelligence.json — which fonts it chose and why, what color temperature suits your brand, the spacing rhythm it established. This means design changes stay coherent even across multiple editing sessions.
AI providers
VoxelSite supports multiple AI providers:
- Anthropic — recommended
- OpenAI
- DeepSeek
- Any provider with an OpenAI-compatible API
You select your provider and model in Settings. Anthropic is recommended for the best results. You can switch providers at any time.