Saved Successfully.
On this page
WebCore CMS

AI Content Assistant

A built-in AI tool that lets you create, edit, and redesign CMS page content using plain-English instructions — no coding required.

Overview

The AI Content Assistant is a panel built directly into the WebCore CMS editor. It connects to an AI language model that understands your site's design tokens — colours, fonts, Bootstrap classes, and CMS component conventions — and generates valid, paste-ready HTML for you.

You describe what you want in plain English; the assistant returns semantic HTML5 that matches your site's existing style, ready to drop into any page or template.

Good to know

The assistant is aware of your site's CSS variables, image library, and fragment data definitions, so it will never invent colours or reference images that don't exist in your site.

Opening the Assistant

  1. 1
    Navigate to any page in the WebCore CMS back-end editor.
  2. 2
    Click the AI Content Assistant icon — the wand icon — in the editor toolbar or sidebar. The assistant panel slides open on the right side of the screen.
  3. 3
    The green status bar at the top of the panel confirms the design context has loaded, e.g. "Design context loaded — 28 vars, 224 colours, 15 fonts". Click view to inspect what has been loaded.

Panel Layout

Element Description
Header bar Shows the panel title, a New session button to clear the conversation, and a close (×) button.
Design context bar Green strip confirming your site's design tokens are loaded. Click view for a full token list.
Mode selector Choose between Edit current page or New page mode.
Page context Three buttons — None, Editor, Preview — control how much of the current page the AI can see.
Prompt textarea The main text area where you type your instruction in plain English.
File drop zone Drop images, PDFs, or text files here to give the AI additional context.
Generate button Submits your prompt and attached files to the AI. The response appears below.

Edit Current Page

Select this mode when you want to modify a section of the page that is already open in the editor.

  • Set Page context to Editor so the AI can read the existing HTML.
  • Describe the change precisely, e.g. "Redesign the roadmap cards with a darker theme."
  • The assistant returns the full revised HTML block — paste it back into the editor.

powered by webcore cmx

webcore