> For the complete documentation index, see [llms.txt](https://docs.jetadmin.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components.md).

# AI Custom Components

Create unique components with simple prompts

With Jet Admin’s **AI Custom Component**, you can design new UI components tailored exactly to your needs — no coding required. Just describe what you want in a chat format, and AI will generate custom components directly from your data. You can create anything from interactive sliders, maps, toggles, image carousels, and more.

Expect to iterate: you may need to refine your prompts or chat with the AI a few times to get the exact result you envision.

{% embed url="<https://youtu.be/xYrw7SJ62Mo?si=ltnMFpaUvl5n-b4w>" %}

### **Enhance Your Prompts with AI Assistance**

Use Jet Admin’s **Enhance Prompting** feature to automatically improve your prompt before sending it to AI. Get clearer, more detailed instructions to generate better, more accurate custom components — faster and with less manual tweaking.

{% content-ref url="/pages/p0y8C6lSgYslFwptANdd" %}
[Enhance Your Prompts with AI Assistance](/classic-app-builder/component-designer/ai-custom-components/enhance-your-prompts-with-ai-assistance.md)
{% endcontent-ref %}

### Enhancing Your Prompts with Images

Want to reference an image? Click the image icon inside the prompt box to upload a file from your device. Make sure to also include a written prompt describing how you want the image to influence your component — this helps AI interpret your intent correctly.

{% content-ref url="/pages/Jjdk0x4eegPwWHGMYyOc" %}
[Enhancing Your Prompts with Images](/classic-app-builder/component-designer/ai-custom-components/enhancing-your-prompts-with-images.md)
{% endcontent-ref %}

### **Auto-Generate Parameters and Actions**

Jet Admin’s AI can automatically create the parameters and actions your custom component needs, based on your prompt. This means faster setup, smarter data binding, and ready-to-use interactions without manually configuring each field or action.

{% content-ref url="/pages/wkm3jCU1C0NPBB1T3Y7H" %}
[Auto-Generate Parameters and Actions](/classic-app-builder/component-designer/ai-custom-components/auto-generate-parameters-and-actions.md)
{% endcontent-ref %}

### **Edit Your Custom Component Code with the JS Editor**

Use Jet Admin’s built-in JS Editor to customize every aspect of your custom component. Fine-tune the design, behavior, and interactions directly within your app — with full control over the code.

{% content-ref url="/pages/CcqB2HtC4FCGPoEdEKuv" %}
[Edit Your Custom Code with the Custom Component Builder](/classic-app-builder/component-designer/ai-custom-components/edit-your-custom-code-with-the-custom-component-builder.md)
{% endcontent-ref %}

### **Import and Iterate on Your Existing Components**

Easily import components you’ve already built and continue refining them with Jet Admin’s AI and JS Editor. Update designs, adjust logic, and enhance functionality — without starting from scratch.

{% content-ref url="/pages/dL1FxGqj5jE2ceXWt1Ji" %}
[Import and Iterate on Your Existing Components](/classic-app-builder/component-designer/ai-custom-components/import-and-iterate-on-your-existing-components.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://docs.jetadmin.io/classic-app-builder/component-designer/ai-custom-components.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.