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

# Use siliconcloud in 302ai

## 1 About [302.AI](http://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. \
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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-1.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=ae3809a4657b0c3085c9d6adc0199ae9" alt="" width="1120" height="866" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-2.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=bd2eb1c8ed0d5c5ec54b08142af807e8" alt="" width="1254" height="795" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-3.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=0066c2371732068e2f17f9178f014f0b" alt="" width="1575" height="579" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-4.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=9a02317c46d779497aca886e0c54a4c0" alt="" width="983" height="696" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-5.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=6aad98799090347be42f4d0153889b73" alt="" width="1456" height="332" data-path="images/usercases/302ai/302AI-5.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-6.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=4778d493006655dffccac2b6f4f5b198" alt="" width="1543" height="754" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-7.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=cbb99a0f99f4cbb97eb9aef02dff7609" alt="" width="827" height="529" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-8.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=3afded5dcca87e7cfd85f6dfff9fdd34" alt="" width="945" height="618" data-path="images/usercases/302ai/302AI-8.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-9.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=993fd93e1dd29a318168eba12557e989" alt="" width="979" height="674" data-path="images/usercases/302ai/302AI-9.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-10.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=3d8a5488ff76627e091c9bc7830787cc" alt="" width="1318" height="569" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-11.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=18a1d61ba2b99df240d2d16ce38af835" alt="" width="890" height="769" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-12.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=7b52b6ff124aa9b6afe88f9d1887c863" alt="" width="1331" height="808" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-13.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=3fe86972de1bd296cc036a8a62fb668e" alt="" width="1920" height="911" data-path="images/usercases/302ai/302AI-13.png" />
</Frame>

#### 4.2 Online Debugging

1. Click View Documentation to enter the API documentation.

<Frame>
  <img src="https://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-14.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=22a1abdbc52c824a6fd67b3333a9e89f" alt="" width="687" height="618" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-15.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=0654d86c3c68c8e68e1ab227dde7fbed" alt="" width="693" height="587" data-path="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://mintcdn.com/siliconflowcom/PEoqLFhbLc3qdq9M/images/usercases/302ai/302AI-16.png?fit=max&auto=format&n=PEoqLFhbLc3qdq9M&q=85&s=d1160fea583ed9b2977977a4b5444729" alt="" width="594" height="852" data-path="images/usercases/302ai/302AI-16.png" />
</Frame>
