---
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


---

# Create a page

# Create a page {#ariaid-title1}

Release version: Australia  
Updated August 4, 2026  
![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read  
Create a page using the ServiceNow Lux 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](https://servicenow-prod.fluidtopics.net/dEO6V2_5d8k5O8T7OTSU4w "Create a new page for an existing experience.").

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 Lux Lab for VS Code extension requires the following:{#create-page-servicenow-ai-experience-lab-for-vs-code__table_imf_rfb_dkc__entry__3}

| Application | Version | Resources for more information |
|-|-|-|
| Visual Studio Code | 1.97 later | [Visual Studio Code updates](https://code.visualstudio.com/updates/v1_132) |
| Node.js | 24 or later | [Node.js](https://nodejs.org/en/download) |
| pnpm | 10 or later | [pnpm](https://pnpm.io/installation) |
| ServiceNow SDK | 4.10 or later | [ServiceNow SDK](https://www.npmjs.com/package/@servicenow/sdk) |
| ServiceNow instance | * Australia Patch 5 or later * Zurich Patch 12 or later {#create-page-servicenow-ai-experience-lab-for-vs-code__ul_xtl_bgb_dkc} | [Prepare your upgrade](https://www.servicenow.com/docs/access?context=rn-prepare-landing-page&version=australia&pubname=australia-release-notes&ft:locale=en-US) |
[ ]

{#create-page-servicenow-ai-experience-lab-for-vs-code__table_imf_rfb_dkc}

## Procedure

1. In the ServiceNow Lux Lab for VS Code extension, create an experience or open an existing experience.  
   For information about creating an experience, see [Create a new experience](https://servicenow-prod.fluidtopics.net/cC~jEG7O2L9JwGc2NjMMDg "Develop ServiceNow Lux Lab for VS Code experiences from scratch.").
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-page-servicenow-ai-experience-lab-for-vs-code__ol_x3n_2qb_dkc}
   * 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 ViewCommand Palette.
     2. Select AIUX: Create page.
     {#create-page-servicenow-ai-experience-lab-for-vs-code__ol_src_2qb_dkc}
   * 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.`

     {#create-page-servicenow-ai-experience-lab-for-vs-code__ol_fxt_nnv_bkc}
   {#create-page-servicenow-ai-experience-lab-for-vs-code__choices_jx4_dgv_bkc}
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 Lux 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

* [Preview a page](https://servicenow-prod.fluidtopics.net/Gz2B8HzYv34O4XiwEdYP0Q "Test that your page appears and functions as intended.")
* [Add a page to the navigation](https://servicenow-prod.fluidtopics.net/5m211s7MAiOpT~pMXx9IbQ "Add pages to the navigation to make them accessible from other pages, such as a home page.")
* [Deploy changes](https://servicenow-prod.fluidtopics.net/lkms_hSGIgeb2EwQkZwQTg "Deploy your changes to an instance to preview and publish experiences, pages, and widgets.")
{#create-page-servicenow-ai-experience-lab-for-vs-code__ul_qmq_g3g_dkc}

*[\>]: and then