---
url: https://chartbuddy.io/embed/docs/connect-ai/chatgpt-codex.md
---
# Connect ChatGPT / Codex

ChartBuddy cannot be used with regular ChatGPT chat at this moment.

Use **Codex CLI** or the **Codex** tab in the ChatGPT desktop app to build Embed charts in code.

## Embed workflow (Codex)

### 1. Paste context

```text
Build ChartBuddy Embed charts (@chartbuddy.io/embed, new Insight()).
1) https://unpkg.com/@chartbuddy.io/embed/llms.txt
2) Fetch linked docs .md pages as needed
https://chartbuddy.io/embed/docs/getting-started/quick-start
Size hosts with aspect-ratio or fixed px – not height:100% in slide/flex layouts.
```

### 2. Generate HTML or a small project

* Import from unpkg in a single HTML file, or add `@chartbuddy.io/embed` via npm.
* Follow [Quick start](/getting-started/quick-start) host sizing.
* Run [Visual QA](/quality-assurance/visual-qa) before finishing.

### 3. Optional: Hub MCP in Codex

Codex can also connect to **Chartbuddy Hub MCP** for desktop chart editing – [Hub – Connect ChatGPT / Codex](https://chartbuddy.io/hub/docs/connect-mcp/chatgpt-codex). Use Hub MCP when you need `list_charts` / live Hub windows; use Embed docs when you need npm/HTML deliverables.