AI Generation

AI Generation is Brickser AI's full-page build feature — the fastest way to go from a blank Bricks page to a real, styled, conversion-ready layout. The agent's intelligence reads your brief, reasons through the page, and assembles a result from a handcrafted UI library, so the output looks intentional, not generic. This page explains how AI Generation works, how to steer it, and where its limits are.

What "Generate" actually does

When you click Generate on a page, the Brickser AI agent runs five steps in order:

Understand context. It reads your business description, project language, and any pages already in the sitemap to ground its decisions.
Reason about the page. The agent's intelligence assembles a layout from the Brickser UI library — figuring out the right combination of sections (Hero, Features, Pricing, Testimonials, FAQ, CTA, and many more) for the page type, audience, and tone.
Write the copy. Headings, body, button labels, list items, and FAQs are all generated against your brief — no lorem ipsum, no filler, no placeholder text shipped to clients.
Insert into Bricks. The result lands on the canvas as native Bricks elements with global classes — not a custom shortcode, not a shadow DOM, not a wrapper plugin.
Apply your styles. Your brand color palette, fonts, and presets are applied as part of the same pass.

Everything is editable after generation. You can change anything you would normally change in Bricks.

Why the Brickser UI library matters

The agent does not invent layouts from scratch. It composes from a curated, handcrafted UI library — and that is intentional. Here's what that buys you:

No AI slop. Every section was designed by humans for real client work. The output looks fresh and intentional, not like a generic AI-generated site.
Clean style manager. No bloated CSS, no orphan classes, no random tokens piling up in your global class list. Everything stays tight, predictable, and easy to maintain.
Production value by default. Sections are built around proven conversion patterns and ship BEM-named, accessibility-ready, and performance-ready.
You know what you have. A finite, browseable library means you can audit, swap, or extend any section confidently — nothing on the canvas is a mystery, and nothing was hallucinated.
Top 1%, not generic. Because the building blocks are handcrafted, the agent's output starts at a quality bar most AI site builders never reach. Your job is the final layer of polish — the part that makes it your site, not a template.

Writing a prompt that works

The "prompt" is really your business description, set when you create the project. It is reused for every page the agent generates, so spend a minute getting it right.

Tip

A strong description names: who the customer is, what the product or service does, the tone, and one specific thing that makes the business different. Avoid generic adjectives like "modern" or "professional" — they are noise the agent has to ignore.

Strong:

TaskFlow is a project management tool for indie software studios of 2–10 people. Direct, slightly nerdy tone. Differentiator: every feature is keyboard-driven and there is no mandatory onboarding.

Weak:

A modern, professional SaaS company.

Section variants (shuffle)

Every section in the library has multiple layout variants — different hero compositions, different feature grids, different testimonial styles. If a generated section is the right content but the wrong look, hover it and click the shuffle icon. The agent swaps it for another variant from the same category, keeping your copy intact.

Page types Brickser AI handles well

Landing pages (hero, features, pricing, testimonials, FAQ, CTA)
About pages
Services and feature pages
Pricing pages
Contact pages
Portfolio and case-study layouts
Blog and resource indexes

What it does not do

It does not invent custom design systems on the fly. It composes from the curated library. This is a feature, not a bug — the library is what keeps output on-brand, clean, and far above generic AI quality.
It does not generate complex interactive widgets (booking flows, configurators, calculators). Build those in Bricks the usual way, then let Brickser AI handle the surrounding sections and styling.
It does not write SEO meta or schema. Use a dedicated SEO plugin.

After generation

Refine before you ship. The two highest-leverage tools:

Content Refinement — sharpen any text without rewriting it manually.
Custom Colors & Fonts — match your brand once and have every section pick it up.