The Future of WordPress: Building Custom Websites with AI in Minutes

Artificial intelligence is fundamentally reshaping web design and development. Yet, for agencies and developers building on open-source software such as WordPress®¹ , most AI website builders present a frustrating tradeoff. Generic tools often generate flat, unmaintainable HTML code or trap users inside proprietary, closed SaaS ecosystems.

During a recent WP Engine Agency Partner Pulse webinar, Brian Gardner sat down with Andy Peatling, founder of Miles and creator of BuddyPress. Together, they demonstrated how specialized AI design agents can generate custom, production-ready WordPress sites in minutes without breaking native block architectures or locking you into a walled garden.

Why generic AI page builders fall short

Many AI site generators promise instant web pages, but they rarely meet the standards of professional web development teams. When agencies evaluate standard AI tools, they consistently run into three structural bottlenecks:

• Proprietary ecosystem lock-in: Most AI web platforms trap your design and data inside closed page builders. Moving a site to custom hosting or handing off source code to a client becomes nearly impossible.
• Poor Block Editor integration: Generic Large Language Model (LLM) coding assistants struggle to write clean, maintainable theme.json files, native block patterns, or global style tokens.
• Pipeline disruption: Standard tools ignore existing developer workflows, making it difficult to push generated code through staging environments, version control, or local development tools like Local.

“My goal really was to spend time thinking about how I could build a product that could harness everything that WordPress provides…and be on the bleeding edge of what AI agents and AI models can provide.” — Andy Peatling, Founder of Miles

How Miles works inside WordPress

Rather than forcing developers into a rigid AI page builder, Miles operates as a specialized agent built specifically for the WordPress ecosystem. It understands how block themes function under the hood and fits directly into your existing development flow.

The site creation lifecycle follows a seamless progression:

1. Client brief input: The developer inputs discovery parameters and client requirements into Miles.
2. Multi-concept layout generation: Miles proposes initial visual options for review and approval.
3. Native Gutenberg block theme creation: The approved concept is compiled using global styles and theme.json.
4. Local and staging export: The finished build can be exported directly into certain local development tools, like Local, or directly to the client’s hosting environment.

Key features that differentiate Miles from generic AI coding models include:

• Block-native design generation: Miles constructs sites using core WordPress blocks, reusable block patterns, and design tokens rather than bloated third-party page builders.
• Flexible workflow deployment: You can use Miles inside a sandbox environment, directly within WP Admin, or connected to your preferred coding environment (such as Claude, Cursor, or Codex).
• Granular approval gates: Built-in review steps allow you to refine site briefs and layout concepts before generating final theme code, saving API tokens and preventing unnecessary re-renders.
• Full code portability: Everything Miles creates can be exported as a standard block theme and hosted anywhere, giving agencies complete code ownership.

Building a Miami luxury real estate site in minutes

To demonstrate how Miles handles real-world client requirements, Peatling walked through an end-to-end site build during the webinar. The exercise focused on creating a high-end personal brand website for a luxury real estate agency operating in Miami, Florida.

The project brief established four core parameters:

• Client persona: High-end buyers and sellers in Miami, Florida.
• Visual tone: Bold, dramatic, dark mode with gold accents.
• Core features: Featured property listings, founder bio, and a consultation form.
• Architecture: Native blocks, Custom Post Types (CPTs), and custom fields.

Step 1: Defining the scoping brief

The process begins with an interactive discovery dialogue inside Miles. Rather than relying on a single, generic prompt, Miles asks targeted questions about target demographics, visual preferences, and functional needs. For this luxury real estate build, the target profile was set for high-end Miami buyers seeking a “bold and dramatic” aesthetic.

Step 2: Selecting from multi-concept visual directions

Based on the approved brief, Miles generates distinct full-bleed layout options complete with typography pairings, color palettes, and animation presets. This allows developers and clients to align on visual direction before any theme files are written.

Step 3: Generating native block themes and global style tokens

Once a design direction is approved, Miles compiles the layout into a native WordPress block theme. Under the hood, it automatically establishes:

• Structured theme.json configuration files for typography and layout widths.
• Accessible color palettes and design tokens.
• Reusable core block patterns for page sections.
• Clean CSS design tokens that respect native block editor overrides.

Step 4: Wireframing dynamic site architecture

Beyond static layouts, Miles plans out structural requirements. It identifies components like property listing grids, contact forms, and client consultation areas, converting them into core query loops, Custom Post Types (CPTs), and custom field structures (such as ACF).

Step 5: Porting to Local and staging environments

After finalizing the site concept in the Miles sandbox environment, developers can export a Local Blueprint as a .zip file. This blueprint imports the entire site—including database settings, custom themes, and active plugins—directly into Local or a WP Engine staging server with a single click.

Transforming agency workflows and profit margins

The biggest benefits of an AI agent like Miles for web agencies are margin preservation and client satisfaction. By automating repetitive scaffolding work, agencies can scale site throughput while maintaining high design standards.

Incorporating a specialist AI agent like Miles directly alters traditional agency workflows through:

• Accelerated initial mockups: Traditional agency pipelines often require days or weeks drafting static Figma mockups for client reviews. With Miles, agencies can produce interactive, production-ready concepts with native blocks in just minutes.
• Automated theme architecture: Manually configuring theme.json files, color palettes, and CSS variables usually takes hours of developer setup time. Miles handles this instantly under the hood, outputting clean, native style tokens automatically.
• Conversational client revisions: Handling major visual design changes typically requires extensive theme rewriting or manual block adjustments. With Miles, designers can make site-wide style edits (such as updating hex codes or typography styles across the entire build) through simple conversational prompts.
• Zero vendor lock-in: Many rapid prototyping options leave agencies reliant on proprietary page builders or complex third-party frameworks. Miles outputs clean, open-source block themes that remain 100% editable and portable.

Key business takeaways for WordPress agency leaders

• Shift from 80/20 execution: Let AI handle the tedious 80% of site setup and pattern scaffolding so your senior developers can focus on the critical 20%—custom code, API integrations, and client strategy.
• Accelerate client discovery calls: Present live, interactive block-theme prototypes during pitch sessions rather than static images.
• Control production costs: Purpose-built agent instructions keep token usage low, allowing agencies to spin up initial site foundations for a fraction of traditional development overhead.

The future of WordPress and AI site generation

The combination of specialized AI agents and native WordPress block architecture is a major step forward for open-source site building. Tools like Miles demonstrate that AI can enhance modern agency workflows without stripping developers of code control or hosting freedom.

As Peatling noted during the live demo, AI shouldn’t change how you build on WordPress, it should simply remove the friction from getting started.

Take the next step with WP Engine and Miles

• Watch the full replay: Catch the complete live demonstration on the WP Engine YouTube channel.
• Try Miles: Get early access to the Miles AI agent by visiting Miles.
• Join the Agency Partner Program: Explore exclusive development tools, infrastructure, and support by joining the WP Engine Agency Partner Program.

1. WP Engine is a proud member and supporter of the community of WordPress® users. The WordPress® trademarks are the intellectual property of the WordPress Foundation, and the Woo® and WooCommerce® trademarks are the intellectual property of WooCommerce, Inc. Uses of the WordPress®, Woo®, and WooCommerce® names in this website are for identification purposes only and do not imply an endorsement by WordPress Foundation or WooCommerce, Inc. WP Engine is not endorsed or owned by, or affiliated with, the WordPress Foundation or WooCommerce, Inc. ↩︎