# AI Custom Components

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](/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](/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](/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](/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](/ai-custom-components/import-and-iterate-on-your-existing-components.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

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

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.jetadmin.io/ai-custom-components.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.