> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

## Resource: About the AI Code Assistant

## Article: Writing Event Handlers with the AI Code Assistant

## Article Link: https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/ai-assistants/ai-assistant-in-the-code-panel/about-the-ai-code-assistant.md

## Article Content:

# About the AI Code Assistant in the Wix Studio Code Panel

The [AI Code Assistant in the Code panel](https://support.wix.com/en/article/studio-editor-using-the-ai-assistant-to-add-custom-code) of the Studio editor uses a series of prompts to generate custom [event handler](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/ai-assistants/ai-assistant-in-the-code-panel/write-event-handlers-with-the-ai-code-assistant-in-the-wix-studio-editor.md) code for elements on a site. The assistant also returns an explanation of the code it generates.

With the AI Code Assistant, you can :

- Disable a button for certain site visitors based on their location using browser locale and IP geolocation detection.
- Register a hover event that changes an element's color when the mouse pointer hovers over it. 

<!--
Add new video about using the AI Code Assistant
-->

## Supported IDEs

You can use the AI Code Assistant in the [Wix Studio Code panel](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/workspaces/wix-studio-working-with-the-code-panel.md). 

## Before you begin

Please note the following before using the AI Code Assistant in the Wix Studio Code panel:
- The assistant in the Code panel only supports simple use cases that can be implemented in frontend [page code](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/velo-workspace/workspaces/wix-studio-working-with-the-code-panel.md#page-code) files. It doesn't currently support use cases that require both frontend and backend code. To use an AI assistant for backend code, see [About the AI Assistant in the Wix IDE](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/ai-assistants/ai-assistant-in-the-wix-ide/about-the-wix-ai-assistant.md).
- The assistant doesn't support requests that require interactions with 3rd-party services, external APIs, or the use of npm packages.
- The assistant currently only supports requests in English.

## See also

- [About AI assistants](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/ai-assistants/about-ai-assistants.md)
- [Write event handlers with the AI Code Assistant in the Wix Studio Code Panel](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/ai-assistants/ai-assistant-in-the-code-panel/write-event-handlers-with-the-ai-code-assistant-in-the-wix-studio-editor.md)
- [Studio Editor: Using the AI Code Assistant to Add Custom Code](https://support.wix.com/en/article/studio-editor-using-the-ai-assistant-to-add-custom-code)
- [About the AI Assistant in the Wix IDE](https://dev.wix.com/docs/develop-websites/articles/workspace-tools/developer-tools/ai-assistants/ai-assistant-in-the-wix-ide/about-the-wix-ai-assistant.md), to generate backend code using prompts.