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

# 302.AI

> Updated: April 3, 2025

## 1 About 302.AI

302.AI is a pay-as-you-go AI application platform that provides a wide range of AI online applications and comprehensive AI API access. <br />Recently, 302.AI has collaborated with SiliconFlow to allow 302.AI users to directly access all SiliconFlow models within the 302 platform without additional charges; and also allows SiliconFlow users to directly use ready-to-use AI applications within the 302 platform without developing or deploying them themselves.

### 1.1 Access 302.AI Website or Client

* [Website](https://302.ai/)
* [Client Download](https://302.ai/download/) Register an account after entering.
  If you have an account, log in directly.

## 2 Configuring SiliconFlow Model Services in 302.AI

### 2.1 Creating a Chatbot

1. Log in to the 302.AI management backend via the website or client, and click through the following steps: Use Robots → Chatbots → Models.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-1.png" />
</Frame>

2. Scroll down to the SiliconFlow section, choose a model (e.g., deepseek-ai/deepseek-vl2), and click Confirm → Create Chatbot.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-2.png" />
</Frame>

3. After creation, the chatbot will be displayed below the page. You can further choose Chat, Share, Edit, etc. operations.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-3.png" />
</Frame>

#### 2.2 Using the Chatbot

1. Enter the chatbot and start a conversation by typing text in the input box. The button on the left side of the input box supports uploading images or files, choose according to the model's characteristics.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-4.png" />
</Frame>

2. Click the Settings button at the bottom left of the interface to enable the chatbot's Real-time Preview Function and see the model-generated code's runtime effects in real-time.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-5.png" />
</Frame>

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-6.png" />
</Frame>

#### 2.3 Using in the All-Purpose Toolbox

In addition to the method of creating a chatbot, you can also use SiliconFlow models via the All-Purpose Toolbox:

1. Click All-Purpose Toolbox → Quick Use.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-7.png" />
</Frame>

2. Click：\
   Chatbot → App Store → Silica Flow, select the model, and you can start the conversation.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-8.png" />
</Frame>

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-9.png" />
</Frame>

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-10.png" />
</Frame>

### 3. Using SiliconFlow Models in the Model Arena

#### 3.1 Creating a Model Arena

In the management backend menu, select Use Tools → Tool Supermarket → Tool Efficiency → Model Arena, and click Create after opening.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-11.png" />
</Frame>

#### 3.2 Selecting Models for Competition

After entering the model arena, scroll down to find SiliconFlow and check the desired models as needed. After checking, enter a prompt to see the responses from different models side by side on the right side of the page.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-12.png" />
</Frame>

### 4. Accessing SiliconFlow Models via API

(For language models as an example)

#### 4.1 Viewing Documentation

Click API Supermarket, select Language Large Models under the category, and find SiliconFlow.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-13.png" />
</Frame>

#### 4.2 Online Debugging

1. Click View Documentation to enter the API documentation.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-14.png" />
</Frame>

2. After entering the API documentation, click Online Debugging → Set Variable Values to confirm if the API KEY has been automatically assigned.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-15.png" />
</Frame>

3. Fill in the Model ID and Text Content according to the parameter template, click Send, and wait for the output results.

<Frame>
  <img src="https://mintlify.s3.us-west-1.amazonaws.com/siliconflow-37161621/images/usercases/302ai/302AI-16.png" />
</Frame>