# AI Services Shipped includes an AI Chatbot to showcase how you can integrate AI services inside your product. You can open the AI Chatbot at `http://localhost:3000/ai-chatbot` {% embed url="" %} You can find the AI Chatbot UI in the file `src/components/pages/AIChatbot/AIChatbot.tsx` while the backend route is at `src/app/api/chat/[provider]/route.ts`. This example AI Chatbot implementation shows how to use the AI Services **OpenAI**, **Anthropic**, an **Google Gemini**, but Shipped makes use of the Vercel AI SDK, which supports many other AI services, likes: * xAI Grok * Azure OpenAI * Amazon Bedrock * Google Vertex AI * Mistral * DeepSeek * Perplexity * Ollama and many more. Check out the [official page](https://sdk.vercel.ai/docs/foundations/providers-and-models) for the full list of AI providers. ### Configuration To use the AI Chatbot, you need to configure some environment variables: * `OPENAI_API_KEY` * `ANTHROPIC_API_KEY` * `GOOGLE_GENERATIVE_AI_API_KEY` You can generate the API Keys by creating an account on the relative AI services websites. {% hint style="warning" %} **Use Your Own Keys** If you prefer to not provide your own AI service API Keys, but instead let the users provide their API keys, you can: * add a modal to ask for the API Key * save the API Key in the local storage of the browser * update the backend request and endpoint to read the API Key from the body of the request {% endhint %} The Vercel AI SDK is a powerful library, and the [documentation](https://sdk.vercel.ai/docs/foundations/overview) describes a lot of uses cases and functionalities. I recommend to read it if you want to learn more about what's possible. --- # 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.shipped.club/features/ai-services.md?ask= ``` 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.