> ## Documentation Index
> Fetch the complete documentation index at: https://docs.preview.x6.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# VS Code

> This documentation is provided for informational purposes only and demonstrates how to configure and use our API with third-party AI chat interfaces. Any third-party software, websites, or services mentioned are not operated, controlled, or endorsed by us.

# **Introduction to VS Code**

<Frame>
  <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/image-94.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=003be267b368eab35b581c720e194e0e" alt="Image" width="1600" height="955" data-path="images/image-94.webp" />
</Frame>

[<u>Visual Studio Code</u>](https://code.visualstudio.com/) is a distribution of the `Code - OSS` repository with Microsoft-specific customizations released under a traditional [<u>Microsoft product license</u>](https://code.visualstudio.com/License/).

[<u>Visual Studio Code</u>](https://code.visualstudio.com/) combines the simplicity of a code editor with what developers need for their core edit-build-debug cycle. It provides comprehensive code editing, navigation, and understanding support along with lightweight debugging, a rich extensibility model, and lightweight integration with existing tools.

# **Step**

<Steps>
  <Step title="Install VS Code">
    Visual Studio Code is updated monthly with new features and bug fixes. You can download it for Windows, macOS, and Linux on [<u>Visual Studio Code's website</u>](https://code.visualstudio.com/Download). To get the latest releases every day, install the [<u>Insiders build</u>](https://code.visualstudio.com/insiders).

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/image-95.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=f4c365da7c1dd2e13a382df544c06a77" alt="Image" width="1045" height="667" data-path="images/image-95.webp" />
    </Frame>
  </Step>

  <Step title="Model Configuration & API Key">
    Click the **Toggle Chat** button at the top (shortcut: `Ctrl+Alt+I`). Click the model at the bottom, then click the Settings icon.

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_3742f979-d56c-4a37-81dd-a0cd8450f1hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=cf6072cfcc47e2927565d28e004a8969" alt="Img V3 0212u 3742f979 D56c 4a37 81dd A0cd8450f1hu" width="1385" height="980" data-path="images/img_v3_0212u_3742f979-d56c-4a37-81dd-a0cd8450f1hu.webp" />
    </Frame>

    Select **"Add Model"**, then click **"Custom Endpoint"**.

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_a515d6af-a4eb-499e-8828-264d2c7f6ehu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=b3aa8a366ed306d2e87928488e1389d8" alt="Img V3 0212u A515d6af A4eb 499e 8828 264d2c7f6ehu" width="1385" height="980" data-path="images/img_v3_0212u_a515d6af-a4eb-499e-8828-264d2c7f6ehu.webp" />
    </Frame>

    Enter any group name.

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_a041fd48-c92f-4da0-b702-0f2cdeabf2hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=0ad0cc047953b5631f00158e35ddd85e" alt="Img V3 0212u A041fd48 C92f 4da0 B702 0f2cdeabf2hu" width="1385" height="980" data-path="images/img_v3_0212u_a041fd48-c92f-4da0-b702-0f2cdeabf2hu.webp" />
    </Frame>

    Enter your API key, which you can obtain from [x6.ai](https://x6.ai/settings/api-keys).

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_be682689-a0ca-4957-9960-0d1569ee7bhu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=fb3cbb59a0d72dc32d73772a7fa830ae" alt="Img V3 0212u Be682689 A0ca 4957 9960 0d1569ee7bhu" width="758" height="121" data-path="images/img_v3_0212u_be682689-a0ca-4957-9960-0d1569ee7bhu.webp" />
    </Frame>

    If you want to use [models](https://x6.ai/models) from x6.ai:

    For OpenAI-compatible models, select **Chat Completions**.

    For Anthropic-compatible models, select **Messages API**.

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_5c7d0ded-4dc1-4cd5-a250-cb883e9e13hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=0ba04a6b11def8a3d674dae19e614de2" alt="Img V3 0212u 5c7d0ded 4dc1 4cd5 A250 Cb883e9e13hu" width="753" height="175" data-path="images/img_v3_0212u_5c7d0ded-4dc1-4cd5-a250-cb883e9e13hu.webp" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/image-96.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=a0e25de3d55a81217c9e1b8eefddac1e" alt="Image" width="1230" height="445" data-path="images/image-96.webp" />
    </Frame>

    Using GPT-5.5 as an example, enter the following information:

    | **Field** | **Content**                                  |
    | :-------- | :------------------------------------------- |
    | id        | gpt-5.5                                      |
    | name      | gpt-5.5                                      |
    | url       | [https://api.x6.ai/v1](https://api.x6.ai/v1) |

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_be77f898-4f90-45db-99dc-2d80d0b363hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=5dd2dce15eae5daec5f873f5c47bc456" alt="Img V3 0212u Be77f898 4f90 45db 99dc 2d80d0b363hu" width="1385" height="980" data-path="images/img_v3_0212u_be77f898-4f90-45db-99dc-2d80d0b363hu.webp" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/image-97.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=6dc14b69398812fced905c2033d9dada" alt="Image" width="1278" height="885" data-path="images/image-97.webp" />
    </Frame>

    Press **Ctrl + S** to save, then click **Close**.

    If you want to add another model, take **Claude Opus 4.8** as an example.

    Then, click the model at the bottom again and click the **Settings** icon.

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_60f2610b-09e5-40e8-ab9b-f4fb9094d3hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=d646d3c0376f06d2555fd8636accf76f" alt="Img V3 0212u 60f2610b 09e5 40e8 Ab9b F4fb9094d3hu" width="1385" height="980" data-path="images/img_v3_0212u_60f2610b-09e5-40e8-ab9b-f4fb9094d3hu.webp" />
    </Frame>

    Repeat the previous steps, and select **Messages** as the **API Type**.

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_41b99b19-e541-4221-9397-1227de7649hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=736034b25eed6b18ec2722c5a3484872" alt="Img V3 0212u 41b99b19 E541 4221 9397 1227de7649hu" width="761" height="176" data-path="images/img_v3_0212u_41b99b19-e541-4221-9397-1227de7649hu.webp" />
    </Frame>

    Enter the following information for the Anthropic-compatible **Claude Opus 4.8** model:

    | **Field** | **Content**                            |
    | :-------- | :------------------------------------- |
    | id        | claude-opus-4-8                        |
    | name      | claude-opus-4-8                        |
    | url       | [https://api.x6.ai](https://api.x6.ai) |

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/img_v3_0212u_e3b4170c-0414-44cc-8ce6-b1e09590e8hu.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=538b5328d77964fed9d66985dca7f553" alt="Img V3 0212u E3b4170c 0414 44cc 8ce6 B1e09590e8hu" width="1385" height="980" data-path="images/img_v3_0212u_e3b4170c-0414-44cc-8ce6-b1e09590e8hu.webp" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/image-98.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=89020e2c06de0a20ec928034851ca15a" alt="Image" width="1278" height="885" data-path="images/image-98.webp" />
    </Frame>

    **Press Ctrl + S to save, then click Close.**
  </Step>

  <Step title="Use VS Code">
    **Select the model you just configured from the bottom menu.**\
    **You're now ready to start using it.**

    <Frame>
      <img src="https://mintcdn.com/x6/el_h-gJpYp66h95k/images/image-99.webp?fit=max&auto=format&n=el_h-gJpYp66h95k&q=85&s=f08a59ece33dc5487f069df2c04477ed" alt="Image" width="1385" height="980" data-path="images/image-99.webp" />
    </Frame>
  </Step>
</Steps>
