This content originally appeared on DEV Community and was authored by jdku sjdu
After months of development, I’m excited to share AI Builder – a WordPress plugin that uses AI to generate complete Gutenberg pages with custom blocks and CSS, tailored to your exact needs.
The Problem with Current AI Page Builders
Most AI WordPress tools just shuffle pre-made templates or combine existing blocks. They don’t truly create – they assemble. I wanted something different: an AI that generates 100% custom content for every request, from the blocks themselves to the CSS styling.
What Makes AI Builder Different?
Chat-Driven Page Creation
A chat interface appears in the bottom-left corner of every page, post, and pattern editor (headers, footers, etc.). Just describe what you want, and the AI generates the complete Gutenberg content on the fly.
Truly Custom Generation
Unlike template-based builders, AI Builder generates:
- Custom blocks tailored to your prompt
- Unique CSS for every element
- Context-aware content based on your site settings
Rich Custom Blocks Library
The AI can use specialized blocks that go beyond standard Gutenberg:
- Contact forms
- Interactive maps
- Statistics panels
- Carousels
- And many more
AI Image Generation
Generate images directly from prompts within any block on the editor. No need to leave WordPress or use external tools.
Smart Content Features
- Fill text on demand: Ask the AI to populate any paragraph with relevant content
- Insert custom blocks anywhere: Generate specific blocks at any position on your page
- Editable CSS: Click the button in the top-right of the chat to modify the generated CSS
- Fully editable blocks: Everything the AI creates can be manually adjusted
Context-Aware Generation
In the plugin settings, you can provide information that the AI will consider for every request:
- Primary and secondary site colors
- Site name
- Business/site information This ensures consistent, on-brand content across all generations.
Multi-Page Generator
Need to create multiple pages at once? The Multi-Page Generator lets you:
- Enter prompts for multiple pages/posts simultaneously
- Generate home, features, contact, and pricing pages in one go
- Launch all generations at the same time Perfect for quickly scaffolding entire websites.
Pricing
AI Builder uses a credit-based system:
- Free tier: 150 credits on signup
- $10/month: 750 credits
- $20/month: 2,000 credits
- $50/month: 6,000 credits
- One-time purchase: $10 for 1,000 credits (available on request)
See It In Action
Demo video: https://www.youtube.com/watch?v=osEnvVFlDNo&t=1s
Website: https://website-ai-builder.com/
Download on WordPress.org: https://wordpress.org/plugins/ai-builder/
Technical Implementation
The plugin integrates deeply with Gutenberg’s block editor, using:
- Real-time AI communication through a persistent chat interface
- Dynamic block generation with custom attributes
- CSS injection and management per block
- Asynchronous multi-page generation with queue management
Try It Out
I’d love to hear your feedback! The plugin is free to start (150 credits), so you can test it out on your WordPress site without any commitment.
What features would you like to see added? What challenges do you face with current page builders?
This content originally appeared on DEV Community and was authored by jdku sjdu