{"revision":"c10276e953456835cdbb1f3a60d58ae1980be353","document":{"id":2914,"path":"application-development/ui-builder/using-ui-builder-agent.md","title":"Using UI Builder agent","bundle":null,"doc_type":null,"release":"australia","body":"\n# Using UI Builder agent\n\nUse the UI Builder agent to learn about features and functionality, understand your page setup, and accelerate page configuration.\n\nThe UI Builder agent introduces key features to enhance user experience. It offers an informative resource to answer questions about the features and functionality of UI Builder and provides links to relevant documentation. Additionally, it gives an overview of page configuration, helping developers understand the structure and interconnections of page elements. It also streamlines the process of modifying and enhancing pages by enabling you to apply different layouts, configure components, and update styles.\n\nAgentic workflows and their AI agents use [role masking](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/intelligent-experiences/implement-aias-security-new.md) to determine which users can access them. Ones installed with your applications have specific roles that come included with the application. If you select **Users with specific roles** for user access, you must configure the security controls to include these roles. For the instructions to change the security controls, see [Define security controls for an agentic workflow](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/intelligent-experiences/define-sec-controls-aw.md).\n\n**Parent Topic:**[Using UI generation](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/using-ui-generation.md)\n\n## Learn about UI Builder\n\nUse this feature to learn about UI Builder.\n\n### Before you begin\n\nInstall ServiceNow Otto for UI generation application. For more information, see [Install UI generation](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/install-ui-generation.md).\n\nRole required: ui\\_builder\\_admin\n\n### About this task\n\nThis feature answers your questions about the UI Builder. It provides information about the features and functionalities of the UI Builder. Additionally, it includes links to relevant product documentation.\n\n### Procedure\n\n1.  Navigate to **All** > **UI Builder**\n\n2.  Create a new experience or navigate to an existing one.\n\n    For more information about creating an experience, see [Create an AI-generated experience](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/generate-ui.md).\n\n3.  Create a new page or navigate to an existing one.\n\n4.  From the page editor, open the ServiceNow Otto panel.\n\n5.  In the chat panel, ask a question about UI Builder.\n\n    **Tip:** You can ask about specific features or tasks, such as `What is a data resource?`, or `How can I add a component to my page?`\n\n    You receive instant responses based on the latest ServiceNow documentation.\n\n\n### Result\n\nThe UI Builder agent processes your question and provides answers, along with relevant documentation links.\n\nFor example:\n\n\\[Omitted image \"ui-gen-agent-learn-uib.png\"\\] Alt text: In the Now Assist panel, ask a question about UI Builder to get instant answers.\n\n**Note:** The UI Builder agent operates only within UI Builder.\n\n## Understand page configuration\n\nUse this feature to understand the architecture and functionality of a page and its elements.\n\n### Before you begin\n\nInstall ServiceNow Otto for UI generation application. For more information, see [Install UI generation](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/install-ui-generation.md).\n\nRole required: ui\\_builder\\_admin\n\n### About this task\n\nThis feature provides insights into how a page is constructed, including its design and structure. It can describe how various elements on the page are configured. This feature helps developers to quickly anticipate how future changes might impact functionality.\n\n### Procedure\n\n1.  Navigate to **All** > **UI Builder**\n\n2.  Create a new experience or navigate to an existing one.\n\n    For more information about creating an experience, see [Create an AI-generated experience](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/generate-ui.md).\n\n3.  Create a new page or navigate to an existing one.\n\n4.  From the page editor, open the ServiceNow Otto panel.\n\n5.  In the chat panel, enter your question.\n\n    **Tip:** You can inquire about the configuration of your page. For instance, you might ask, `Is dynamic theming implemented on my page?`, or `Are any client scripts utilized on my page?`.\n\n\n### Result\n\nBased on your request, the UI Builder agent provides a detailed explanation of the page configuration.\n\nFor example:\n\n\\[Omitted image \"ui-gen-agent-understand-page-configpng.png\"\\] Alt text: In the Now Assist panel, ask a question about the page configuration to get instant answers.\n\n**Note:**\n\n-   The UI Builder agent operates only within UI Builder.\n-   This feature is available only when you’re viewing a page in the page editor.\n\n## Accelerate page configuration\n\nUse this feature to build and modify your page.\n\n### Before you begin\n\nInstall ServiceNow Otto for UI generation application. For more information, see [Install UI generation](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/install-ui-generation.md).\n\nRole required: ui\\_builder\\_admin\n\n### About this task\n\nThis feature enables you to easily modify and enhance your page. You can apply different layouts, such as a single row or a three-column format. Additionally, you can add and configure components, such as buttons with labels and links that direct users to external websites. You can also update the styling of your page, such as changing the background color.\n\n### Procedure\n\n1.  Navigate to **All** > **UI Builder**\n\n2.  Create a new experience or navigate to an existing one.\n\n    For more information about creating an experience, see [Create an AI-generated experience](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/application-development/ui-builder/generate-ui.md).\n\n3.  Create a new page or navigate to an existing one.\n\n4.  From the page editor, open the ServiceNow Otto panel.\n\n5.  In the chat panel, request a page modification, and then select **Send**.\n\n    **Tip:** You can request to apply layouts \\(such as single-row or three-column\\), add components \\(such as buttons with labels and links to external websites\\), and update the page styles \\(for example, changing the background color\\).\n\n\n### Result\n\nUI Builder agent implements the modifications and enhancements to the design and functionality of your page.\n\nFor example: \\[Omitted image \"ui-gen-agent-accelerate-page-config.png\"\\] Alt text: In the Now Assist panel, request a page modification.\n\n**Note:**\n\n-   The UI Builder agent operates only within UI Builder.\n-   This feature is available only when you’re viewing a page in the page editor.\n\n|Symptom|Cause|Resolution|\n|-------|-----|----------|\n|UI Builder Agent does not respond|The UI Builder Agent skill is disabled, or the user is outside of UI Builder.|Enable the UI Builder Agent in AI Admin Hub. The agent operates only within UI Builder and is not available in other areas of the platform.|\n\n**Related topics**  \n\n\n[UI Builder Agent]()\n\n[Use case: Using UI Builder Agent]()\n\n"}}