Parent | Child | Previous | Next
 
Xbasic

Using AI to create a Web Page

Description

Create a new HTML page using the AI tools in Alpha Anywhere, provide a prompt, monitor progress, review results, and make iterative edits with AI.

Prerequisite

Ensure at least one AI IDE Settings profile is defined so the IDE can make AI requests.

Create The Page

  1. Open AI HTML Generator

    From the AI menu, choose the option to create an HTML page.

    AI menu entry for creating HTML page
    AI Menu For HTML

  2. Provide A Prompt

    The New HTML dialog includes a prompt for the page you want to add to your project.

    Dialog to define new HTML with prompt field
    New HTML Dialog

  3. Example Prompt

    In this example we generate a welcome page for a library.

    Prompt text for a library welcome page
    Prompt Example

  4. Select Effort (If Available)

    If a better effort was defined in AI IDE settings, an effort combo appears so you can choose basic or better.

    Effort combo showing Better option
    Effort Selector

  5. Generate And Monitor

    Click Generate. For text AI requests, a progress window shows live feedback from the AI.

    Live progress feedback during AI generation
    Progress Window

  6. Review The Result

    When complete, the generated HTML is displayed in the editor.

    Editor showing the generated HTML page
    Generated Page In Editor

  7. Save The Page

    Save as you normally would; the new page appears in the Web Project Control Panel.

    Control Panel listing the saved page
    Saved Page

Edit With AI

  1. Open Editor AI Menu

    After saving, the editor includes an AI menu for making iterative edits.

    AI options available from the editor
    Editor AI Menu

  2. Enter Edit Prompt

    For example, change the header background.

    Prompt to change the header background
    Edit Prompt

  3. Apply And Review

    The header background updates; in this example it is now green.

    Header background changed to green
    Header Updated