“AI Content Generation” is a capability built directly into KIBO CMS’s Page Builder, letting us draft real page content from a simple prompt instead of writing every word by hand. Two pieces make this work together: “AI Power-Ups”, a one-time admin setup where we connect an AI model and describe who we’re writing for and how we want it to sound, and the “Generate Content” button inside Page Builder itself, which any content editor can use once the initial setup is in place.In this video, we’ll configure an AI “Model Provider”, define a “Reader Persona” and a “Writer Persona”, and then use them together to generate real content on a page.Important Note: “AI Power-Ups” is currently marked as a “BETA” feature in KIBO CMS, so some of what we cover here may continue to evolve. “AI Content Generation” is a capability built directly into KIBO CMS’s Page Builder, letting us draft real page content from a simple prompt instead of writing every word by hand. Two pieces make this work together: “AI Power-Ups”, a one-time admin setup where we connect an AI model and describe who we’re writing for and how we want it to sound, and the “Generate Content” button inside Page Builder itself, which any content editor can use once the initial setup is in place. In this video, we’ll configure an AI “Model Provider”, define a “Reader Persona” and a “Writer Persona”, and then use them together to generate real content on a page. Important Note: “AI Power-Ups” is currently marked as a “BETA” feature in KIBO CMS, so some of what we cover here may continue to evolve. To navigate to the KIBO CMS, in the Admin UI, on the “MAIN” tab, we’ll click “Content”, then click “Page Builder”. To navigate to the KIBO CMS, in the Admin UI, on the “MAIN” tab, we’ll click “Content”, then click “Page Builder”. This opens the KIBO CMS Admin page.We discussed this screen in detail in a previous video. This opens the KIBO CMS Admin page. We discussed this screen in detail in a previous video. As mentioned, before we can generate any content, we’ll need to configure it. In the left navigation, under “Settings”, we’ll click “AI Power-Ups”. As mentioned, before we can generate any content, we’ll need to configure it. In the left navigation, under “Settings”, we’ll click “AI Power-Ups”. This is the “AI Power-Ups” page, with four tabs on the left:“Providers”, for connecting an AI model;“Reader Personas”, for defining who we’re writing for;“Writer Personas”, for defining how content should sound;and “Projects”, for predefined prompting contexts we can reuse. This is the “AI Power-Ups” page, with four tabs on the left: “Providers”, for connecting an AI model; “Reader Personas”, for defining who we’re writing for; “Writer Personas”, for defining how content should sound; and “Projects”, for predefined prompting contexts we can reuse. We’ll start with the “Providers” tab. Each Provider requires a “Name”, a “Model” selection, and an “API Key” to authenticate with the Model’s provider. We’ll start with the “Providers” tab. Each Provider requires a “Name”, a “Model” selection, and an “API Key” to authenticate with the Model’s provider. The “Model” dropdown lists multiple LLM’s that a user can choose from. Whichever model is selected, a valid “API Key” is needed to connect it. The “Model” dropdown lists multiple LLM’s that a user can choose from. Whichever model is selected, a valid “API Key” is needed to connect it. We can click the “Add provider” button to configure additional providers as needed. This can be useful if different projects or personas call for different underlying models. We can click the “Add provider” button to configure additional providers as needed. This can be useful if different projects or personas call for different underlying models. The “Reader Personas” tab defines who the content is for. Both of the “Personas” in the “AI Power-Ups” menu are optional, however, should we choose to use them, there are required fields. Here, the “Name” and “Description” fields are required, but there is also an optional “Style” field for tone. The “Reader Personas” tab defines who the content is for. Both of the “Personas” in the “AI Power-Ups” menu are optional, however, should we choose to use them, there are required fields. Here, the “Name” and “Description” fields are required, but there is also an optional “Style” field for tone. The “Writer Personas” tab is similar to the “Reader Persona”, but here we’ll define how the content should be written instead of who it is for.We can add as many “Reader” and “Writer Personas” as needed, and we’ll be able to choose between them when generating new page content. The “Writer Personas” tab is similar to the “Reader Persona”, but here we’ll define how the content should be written instead of who it is for. We can add as many “Reader” and “Writer Personas” as needed, and we’ll be able to choose between them when generating new page content. The “Projects” tab holds predefined prompting contexts we can reuse across multiple content generations. The “Projects” tab holds predefined prompting contexts we can reuse across multiple content generations. Clicking the “Add project” button opens a blank project form. Here, we can define an “Instructions” prompt for the LLM, default “Reader” and “Writer Personas”, and any additional files that may be needed for generating content quickly. This allows users to specify a “Projects” file that will pre-configure all of these selections for them.In this example, we’ll be providing that information to the LLM independently, so we’ll skip filling in this form for now. Clicking the “Add project” button opens a blank project form. Here, we can define an “Instructions” prompt for the LLM, default “Reader” and “Writer Personas”, and any additional files that may be needed for generating content quickly. This allows users to specify a “Projects” file that will pre-configure all of these selections for them. In this example, we’ll be providing that information to the LLM independently, so we’ll skip filling in this form for now. With all “AI Power-Ups” fields configured, we’ll click the “Save Settings” button on the bottom right. With all “AI Power-Ups” fields configured, we’ll click the “Save Settings” button on the bottom right. Next, we’ll generate some content. In the left navigation, under “Website Builder”, we’ll click “Pages”. Next, we’ll generate some content. In the left navigation, under “Website Builder”, we’ll click “Pages”. This is the Pages list. We discussed this page in full in a previous video. This is the Pages list. We discussed this page in full in a previous video. We can click the “New Page” on the top right to create a new Page, or click to open an existing one. We can click the “New Page” on the top right to create a new Page, or click to open an existing one. Whether we chose to create a new page or edit an existing one, it will open the “Page Builder” interface. Our existing “test page” currently has no content on it, similar to a new page, but that is not a requirement to generate new content. Whether we chose to create a new page or edit an existing one, it will open the “Page Builder” interface. Our existing “test page” currently has no content on it, similar to a new page, but that is not a requirement to generate new content. On the top right, we’ll click the “Wand” icon to open the “Generate Content” Modal. On the top right, we’ll click the “Wand” icon to open the “Generate Content” Modal. The modal opens, displaying four fields:“Project”, to attach a predefined context;“Reader Persona”, for the target audience;“Writer Persona”, for the writing style;and a required “Prompt”, describing the content we want. The modal opens, displaying four fields: “Project”, to attach a predefined context; “Reader Persona”, for the target audience; “Writer Persona”, for the writing style; and a required “Prompt”, describing the content we want. We’ll skip the “Project” field, and then select our predefined “Personas” that were configured earlier.Important Note: “Project” and “Persona” selections are both optional here — content can be generated from just a “Prompt” if desired. We’ll skip the “Project” field, and then select our predefined “Personas” that were configured earlier. Important Note: “Project” and “Persona” selections are both optional here — content can be generated from just a “Prompt” if desired. With our Personas selected, we’ll fill in the required “Prompt” field. Then we’ll click “Generate”. With our Personas selected, we’ll fill in the required “Prompt” field. Then we’ll click “Generate”. The result lands directly in a “Rich Text” component on the page — a complete article, written in our Writer Persona’s voice for our Reader Persona. This text can be edited to fit what we require, or regenerated completely.Note that we asked for Images in the “Prompt”, but because Images need to live in the File Manager, we were given prompts of what can be used, and where. We can add those in as needed. The result lands directly in a “Rich Text” component on the page — a complete article, written in our Writer Persona’s voice for our Reader Persona. This text can be edited to fit what we require, or regenerated completely. Note that we asked for Images in the “Prompt”, but because Images need to live in the File Manager, we were given prompts of what can be used, and where. We can add those in as needed. We still have a dropzone below our generated content, where we can generate more AI content or add elements manually. We still have a dropzone below our generated content, where we can generate more AI content or add elements manually.