Create a page

  • Release version: Australia
  • Updated August 4, 2026
  • 1 minute to read

    • Create a page using the ServiceNow® AI Experience Lab for VS Code extension to create tailored experiences.

    About this task

    This procedure describes how to create pages for new experiences. To create a page that extends an existing experience, see Create a page.

    The following procedure describes how to complete this task manually. You can also complete the task using agentic development tools, such as Claude Code.

    Before you begin

    Role required: none

    The ServiceNow® AI Experience Lab for VS Code extension requires the following:
    Application Version Resources for more information
    Visual Studio Code 1.97 later Visual Studio Code updates
    Node.js 24 or later Node.js
    pnpm 10 or later pnpm
    ServiceNow SDK 4.10 or later ServiceNow SDK
    ServiceNow instance
    • Australia Patch 5 or later
    • Zurich Patch 12 or later
    		 Prepare your upgrade

    Procedure

    1. In the ServiceNow® AI Experience Lab for VS Code extension, create an experience or open an existing experience.
      For information about creating an experience, see Create a new experience.
    2. In your experience, create a page.
      • Create a page manually in the explorer panel.
        1. Select the /pages folder.
        2. With the /pages folder highlighted, select the create folder icon or right click and select New folder.
        3. Enter a name for the new folder and select the Enter key.
        4. In the new folder, select the create file icon or right click in the folder and select New file.
      • Create a page using the command palette.
        1. Access the command palette by pressing Ctrl+Shift+P on Windows or Command+Shift+P on macOS, or by navigating to View > Command Palette.
        2. Select AIUX: Create page.
      • Create a page conversationally using Claude Code or your preferred AI tool.
        1. Open the panel for your preferred AI tool.
        2. Enter a prompt describing the page that you want to create.

          For example, Create a new page in my example-experience project.

    3. Enter a name for the page and select the Enter key.
    4. Enter a URL route for the new page and select the Enter key.
      After entering the URL route, the ServiceNow® AI Experience Lab for VS Code extension creates the folder and page file using the information you provided.

    Result

    Your new page is created. You can now add elements to the page and preview as needed.

    What to do next