Build a new page with Gutenberg blocks that match your site style with AI
Describe the page you want and get a draft built from real Gutenberg blocks that use the color and font presets your theme already defines.
Prerequisites
A connected site.
Build a new [type of page, for example an About page or a services landing page] on my site. Here is what it should include: [describe the sections and content you want, for example "a headline, a short intro paragraph, three feature columns, and a call-to-action button"]. Use my site's existing design. Read the colors, fonts, and spacing my theme already defines and build the page with standard Gutenberg blocks that use those same presets, so it matches the rest of the site instead of hardcoded styling. Keep it to normal blocks I can edit later by hand. Save it as a draft, do not publish, and give me the preview link so I can look it over. Tell me which blocks and which theme colors and fonts you used, so I can spot-check it.
Already connected to WPVibe?
Skip the copy-paste. Just ask your AI for the “Build a new page with Gutenberg blocks that match your site style with AI” recipe, or describe the task, and WPVibe runs these steps on your own site.
You want a new page, an about page, a service page, a simple landing section, and you want it to look like it belongs on your site rather than a generic template dropped in. Building it by hand means dragging blocks around the editor, matching colors and fonts by eye, and hoping you picked the same orange and the same heading font the rest of the site already uses. Most people either settle for plain text or lose an afternoon nudging blocks into place.
WPVibe reads the palette and fonts your theme already defines and builds the page from real Gutenberg blocks that use those exact presets, so the new page inherits your site’s colors, headings, and spacing instead of hardcoded guesses. It writes standard block markup, the same blocks the editor itself would produce, so you can open the page afterward and keep editing it by hand. Nothing is a locked-in one-off. It saves the page as a draft first so you can preview it before anything goes public.
Paste the prompt below and describe the page you want and the sections it should have. WPVibe builds a draft using your theme’s own styles and hands you a preview link, and you publish only once it looks right. Because it sticks to standard blocks, you can rearrange or restyle anything later in the normal editor, with no proprietary markup to undo.
Outcome
A draft page built from standard Gutenberg blocks that inherit the theme palette and typography, ready to preview and edit.