---
sourceDocument: Australia Build or modify applications
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/application-development

 Release :

    - australia

ft:locale :

    - en-US

ft:publication_title :

    - Australia Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# UI Builder Agent

# Use case: Using UI Builder Agent {#ariaid-title1}

Release version: Australia  
Updated September 10, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read  
Learn UI Builder features and accelerate page configuration using conversational AI.

## Scenario {#use-case-ui-builder-agent__section_smw_n2w_z3c}

A citizen developer at a retail company is creating an employee self-service portal using UI Builder. They are relatively new to the platform and are working on a page that requires a three-column layout, along with a button that links to an external HR system. Additionally, they would like to verify whether any client scripts are running on the page before making any layout changes.

## Problem {#use-case-ui-builder-agent__section_b1v_t2w_z3c}

The developer is not yet familiar with UI Builder 's configuration options. Looking up documentation for each task interrupts their workflow and slows progress. They are unsure how to apply a multi-column layout, add a button with an
external link, or check whether existing scripts might be affected by their layout changes.

## Solution {#use-case-ui-builder-agent__section_hr1_bfw_z3c}

The UI Builder agent is available directly within the UI Builder page editor as a chat-based assistant. The developer can ask questions about features, request page modifications, and get configuration insights --- all without leaving the editor. The
agent provides instant answers backed by the latest ServiceNow documentation and can directly apply changes to the page on the developer's behalf.

## Before you begin {#use-case-ui-builder-agent__before-you-begin}

Make sure that you install UI generation and that you have the ui_builder_admin role. For more information, see [Install UI generation](https://servicenow-prod.fluidtopics.net/XZVR~pG8lSP1o3gSnceIQg "Install the ServiceNow Otto for Creator application from the ServiceNow Store to enable UI generation.") and [Grant UI Builder admin role](https://servicenow-prod.fluidtopics.net/_I59C8jNpjV1XmKCAxOGwA "Assign the UI Builder administrator role to a user by editing the user record and adding the ui_builder_admin role.").

## Configuration steps {#use-case-ui-builder-agent__section_qmx_kfw_z3c}

Perform the following steps to use UI Builder agent:

1. Navigate to AllNow Experience FrameworkUI Builder.
2. Open the employee self-service portal experience.
3. Open the page to edit and open the ServiceNow Otto panel from the page editor.
4. In the chat panel, do the following:
   * Ask the UI Builder agent if there are any client scripts on the page: <kbd class="ph userinput">Are any client scripts used on my page? </kbd>

     The agent provides a detailed breakdown of the page's
     current scripts and configurations.
   * Ask the UI Builder agent how you can apply a three-column layout: <kbd class="ph userinput">How can I apply a three-column layout to this page?</kbd>

     The agent explains the available layout options and relevant steps.
   * Ask the UI Builder agent to add a three-column layout to the page: <kbd class="ph userinput">Apply a three-column layout to this page.</kbd>

     The agent implements the layout change.
   * Ask the UI Builder agent to add a button with label and navigation: <kbd class="ph userinput">Add a button with the label 'Visit HR Portal' that links to https://hr.example.com in a new window</kbd>.

     The agent adds and configures the button component.
   {#use-case-ui-builder-agent__ul_cgx_bqw_z3c}
5. Review the changes in the page editor and make any necessary adjustments to the styling.
{#use-case-ui-builder-agent__ol_lfj_1gw_z3c}

## Outcome {#use-case-ui-builder-agent__section_xzw_5kw_z3c}

The developer sets up a three-column layout and adds a linked button component in a single session, with guidance from the UI Builder agent. They also gain confidence in their page's script configuration before making any changes. Tasks that would have typically required multiple searches through documentation are now
completed without leaving the editor.
**Related concepts**   

* [UI Builder Agent](https://servicenow-prod.fluidtopics.net/axPh93xZiikFSFzLfBJPAQ "The UI Builder Agent is a ServiceNow Otto AI agent that assists low-code developers working in UI Builder by responding to questions, information requests, and page editing instructions.")
* [Using UI Builder agent](https://servicenow-prod.fluidtopics.net/OsII~OeKwhGKOaH8Rh7tHw#using-ui-builder-agent "Use the UI Builder agent to learn about features and functionality, understand your page setup, and accelerate page configuration.")

*[\>]: and then