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

# OpenAI multimodal chat example

> Mixed text-and-image example for OpenAI Responses API.

## Recommended endpoint

* [OpenAI /v1/responses](/en/api-reference/endpoints/openai/responses)

## Minimal request

```json theme={null}
{
  "model": "gpt-4.1",
  "input": [
    {
      "role": "user",
      "content": [
        { "type": "input_text", "text": "Describe the UI structure in this screenshot." },
        { "type": "input_image", "image_url": "https://example.com/ui.png" }
      ]
    }
  ]
}
```

## cURL example

```bash theme={null}
curl https://api-vip.apigo.ai/v1/responses \
  -H "Authorization: Bearer $YOUR API KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "gpt-4.1",
    "input": [
      {
        "role": "user",
        "content": [
          { "type": "input_text", "text": "Describe the UI structure in this screenshot." },
          { "type": "input_image", "image_url": "https://example.com/ui.png" }
        ]
      }
    ]
  }'
```

## Python example

```python theme={null}
from openai import OpenAI

client = OpenAI(
    base_url="https://api-vip.apigo.ai/v1",
    api_key="<YOUR API KEY>",
)

response = client.responses.create(
    model="gpt-4.1",
    input=[
        {
            "role": "user",
            "content": [
                {"type": "input_text", "text": "Describe the UI structure in this screenshot."},
                {"type": "input_image", "image_url": "https://example.com/ui.png"},
            ],
        }
    ],
)

print(response.output_text)
```

## Node.js example

```js theme={null}
import OpenAI from "openai";

const client = new OpenAI({
  baseURL: "https://api-vip.apigo.ai/v1",
  apiKey: process.env.YOUR API KEY,
});

const response = await client.responses.create({
  model: "gpt-4.1",
  input: [
    {
      role: "user",
      content: [
        { type: "input_text", text: "Describe the UI structure in this screenshot." },
        { type: "input_image", image_url: "https://example.com/ui.png" }
      ]
    }
  ]
});

console.log(response.output_text);
```

## Best practices

* Prefer file IDs for reusable assets
* Normalize the order of multiple images server-side
* Evaluate image-token cost separately for OCR-heavy or detail-heavy requests