> ## Documentation Index
> Fetch the complete documentation index at: https://apidoc.cometapi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Use LobeChat with CometAPI

> Use this guide to configure LobeChat with CometAPI by setting the base URL, API key, and model or provider options.

[Lobe-Chat](https://chat-preview.lobehub.com/) is a feature-rich open-source AI chat application with built-in support for CometAPI — no manual URL configuration needed.

## Prerequisites

* [Lobe-Chat](https://chat-preview.lobehub.com/) (cloud or self-hosted)
* A [CometAPI](https://www.cometapi.com) account with an active API key

## Setup

<Steps>
  <Step title="Get your CometAPI API key">
    Log in to the [CometAPI dashboard](https://www.cometapi.com/console). Click **Add API Key** and copy your key.

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/overview/810968_364191.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=aef81a83f29f8eb16655ed4060425f50" alt="CometAPI dashboard — Add API Key" width="3824" height="1892" data-path="images/overview/810968_364191.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/HhtmQffktazbxUvS/images/overview/810968_364193.png?fit=max&auto=format&n=HhtmQffktazbxUvS&q=85&s=d893f659267150d0faf45f99eb5dffc1" alt="CometAPI API key and base URL" width="2434" height="1232" data-path="images/overview/810968_364193.png" />
    </Frame>
  </Step>

  <Step title="Select CometAPI as the model provider">
    In Lobe-Chat, click your avatar → **Application Settings** → **Model Providers**. Select **CometAPI**, paste your API key, and toggle the provider on. Then select a model to enable it.

    <Frame>
      <img src="https://mintcdn.com/cometapi/E4FFvyMYmaOZoldp/images/integrations/810968_360319.png?fit=max&auto=format&n=E4FFvyMYmaOZoldp&q=85&s=299c123baafc43c598449113a6723031" alt="Lobe-Chat application settings — model provider list" width="1205" height="931" data-path="images/integrations/810968_360319.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/integrations/810968_361341.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=dc0b478e91393dcb3a5db92f07360ece" alt="CometAPI provider settings in Lobe-Chat with API key entered" width="1910" height="965" data-path="images/integrations/810968_361341.png" />
    </Frame>
  </Step>

  <Step title="Test the connection">
    Start a chat and send a test message. A successful response confirms the integration is working.

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/integrations/810968_361342.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=5f804dee6dc6ac724164630e945a053d" alt="Lobe-Chat conversation showing a successful response from CometAPI" width="1900" height="960" data-path="images/integrations/810968_361342.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/cometapi/SZhlxZhCnMLn__BW/images/integrations/810968_361343.png?fit=max&auto=format&n=SZhlxZhCnMLn__BW&q=85&s=3bdff04efc655f5235d11f34cb43b1b3" alt="Lobe-Chat model response panel" width="1920" height="929" data-path="images/integrations/810968_361343.png" />
    </Frame>
  </Step>
</Steps>