Choose how to use HopBase
Choose one of two paths: connect Claude Code or Codex with the console's one-click setup, or generate product images and videos in Creative Studio.
To write code in Claude Code, Codex CLI, or Codex App, take Path 1. To generate product images and videos in the browser, take Path 2; it needs no API key.
| Tool | Group to choose when creating the key | How to connect |
|---|---|---|
| Claude Code | Claude Max (Official, Full Quota), Claude Max (Official, Full Quota) - Limited-Time Offer, or Claude Max (ccmax) | One-click setup, client Claude Code |
| Codex CLI | Codex Plus or Codex Pro | One-click setup, client Codex CLI |
| Codex App | Codex Plus or Codex Pro | Import with CC Switch, client Codex CLI |
Path 1: use Claude Code or Codex CLI (3 steps)
The console's one-click setup generates a single command that installs the client, writes the key configuration, and verifies the connection. It works on macOS, Linux, and Windows. Codex App has no command-line entry point, so import it with CC Switch instead.
Create a key in the matching group
Open the console's API Keys page, click Create Key, and choose the group from the table above. Claude Max (ccmax) works only in the Claude Code client. Never paste a complete key into chat, a support ticket, or a screenshot.
Generate the one-click command
Select One-Click Setup beside the key, choose Claude Code or Codex CLI, confirm macOS / Linux or Windows PowerShell, then click Generate Setup Command and copy it. The command is valid for 15 minutes, can be used once, and does not contain the key itself.
Run the command in a terminal
Open Terminal (search for it with Spotlight), paste the command, and press Enter.
When you see the completion message, open a new terminal window and run claude or codex. The script installs Claude Code for you. Codex CLI is installed with npm: if Node.js is missing, the script only writes the configuration, so install Node.js LTS and then run npm install -g @openai/codex.
For manual setup and common problems, see Claude Code and Codex CLI. To use a graphical app or switch between several providers, use CC Switch.
Path 2: create product images and videos in Creative Studio
After you sign in to the console, open Creative Studio directly. Choose Image or Video, enter a prompt, and set the model, aspect ratio, size, duration, or audio. This path does not require an API key.
Next steps
- Claude Code / Codex CLI: one-click setup details, manual setup, and switching models
- Quickstart: send your first API request in a few minutes
- Troubleshooting: find an error message and its fix