Introduction

Welcome to Brickser

Brickser AI is an AI build agent that lives inside the Bricks Builder editor for WordPress. Describe your project, and it builds a complete website — sitemap, pages, and conversion-focused layouts — assembled from a library of reusable, hand-crafted sections and components. No AI slop. No copy-paste. Just clean, native Bricks output that's BEM-named, accessible, and performance-ready for real client work.

What you can do with it

• Generate complete websites from a short business description. Brickser plans the sitemap, assembles pages from its UI library, and writes the copy — all inside Bricks.
• Insert from the UI library with one click. Browse curated sections and components and drop them onto the canvas directly — no copy-paste, no template imports, no leaving the editor.
• Refine any text with AI — rewrite, change tone, translate, or shuffle to a fresh variant directly on the canvas. Iterate as many times as you need; no lorem ipsum left behind.
• Set your brand once — pick a primary color, and Brickser derives a 7-step palette; pick heading and body fonts, and they apply everywhere. Adjust spacing and styling with the CSS-variable design system, no frameworks or custom code required.
• Bring your own AI keys — Brickser is BYOK and supports Anthropic, Google Gemini, and OpenAI. Pick the provider you trust and use your own API key.
• Import and export your project as a single file — sitemap, pages, templates, global classes, variables, and palette travel together. Hand off to a client or migrate to a new site in one import, instead of exporting styles, classes, and pages separately.

How it fits into Bricks

Brickser does not replace Bricks. Once installed and activated, a small sparkle icon appears in the Bricks toolbar, next to the Elements (+) button. Clicking it opens the Brickser sidebar on the right of the editor — same canvas, same Bricks save flow, same publishing.

Everything Brickser inserts is native Bricks — real sections, containers, headings, and global classes built on the Bricks framework. No external dependencies. You can edit it after, undo it, or deactivate Brickser entirely, and your pages keep working.

One project per site

Each WordPress site holds one Brickser project. The project owns your sitemap, your style configuration, and the pages Brickser has touched on this site. To move work to another site, use the project import/export tools.

Where to go next

• New here? Start with Installation and Your First Website.
• Want to write better prompts? See AI Generation.
• Polishing existing content? See Content Refinement.
• Setting up brand identity? See Custom Colors & Fonts.
• Stuck on something? Check Common Issues.