# 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="ai-custom-components/enhance-your-prompts-with-ai-assistance" %}
[enhance-your-prompts-with-ai-assistance](https://docs.jetadmin.io/ai-custom-components/enhance-your-prompts-with-ai-assistance)
{% 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="ai-custom-components/enhancing-your-prompts-with-images" %}
[enhancing-your-prompts-with-images](https://docs.jetadmin.io/ai-custom-components/enhancing-your-prompts-with-images)
{% 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="ai-custom-components/auto-generate-parameters-and-actions" %}
[auto-generate-parameters-and-actions](https://docs.jetadmin.io/ai-custom-components/auto-generate-parameters-and-actions)
{% 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="ai-custom-components/edit-your-custom-code-with-the-custom-component-builder" %}
[edit-your-custom-code-with-the-custom-component-builder](https://docs.jetadmin.io/ai-custom-components/edit-your-custom-code-with-the-custom-component-builder)
{% 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="ai-custom-components/import-and-iterate-on-your-existing-components" %}
[import-and-iterate-on-your-existing-components](https://docs.jetadmin.io/ai-custom-components/import-and-iterate-on-your-existing-components)
{% endcontent-ref %}