Agent and Form Injector

Introduction

The Joget AI Designer Agent Injector and Form Injector functionality extends the simplicity of the AI App Designer by enabling users to build forms and AI agents directly through a lightweight chatbox interface. Designed as an add‑on pop‑up builder, it allows users to describe requirements conversationally and generate basic components without complex configuration, mirroring the AI Designer experience but on a smaller, more focused scale.

Prerequisites

To use the AI Designer Agent Injector and Form Injector, ensure the AI Designer Central Configuration plugin is installed and configured with an AI Service.

How does it work?

Agent Injector

1. Install the Agent builder plugin and create a new agent.
   

2. Click the chat icon on the bottom-right of the page.
   

3. Describe the AI Agent you want to build. For example, "Create an Agent for travel bookings who will help with finding the cheapest night through an API and then also research about the itinerary of the destination".
   

   • The prompt should be at least 50 characters long; otherwise, the following error message is returned: 

4. Write a detailed description of the agent and click Send.
   

5. Click Continue to get a general overview of the agent that will be created.
   

6. Click Continue to inject the Agent into the palette.
   

7. You should be able to see the agent injected along with the inputs.
   

8. After confirming the injected agent, click Preview to test the agent.
    

Form Injector

1. Open Form Builder in any application.
   

2. Click the chat icon on the bottom-right of the page.
   

3. Describe the form that you want to build.
   
   Alternatively, you can upload an image of any physical or digital form you would like to replicate in Joget Form Builder:
   

4. Wait for the AI to design the form.
   

5. Click Refine and refine the prompt if you would like to make changes to the design. You can click Restart if you want to start again from scratch.
   

6. Click Continue to inject the form.
   

The form will be updated with the form elements injected by the AI:

Form updated based on an image uploaded: