Cline

Cline is a VS Code extension that provides autonomous coding assistance. You can configure it to use AI Gateway for unified model access and spend monitoring.

1. Create an API key

   Go to the AI Gateway tab of the Vercel dashboard and click API keys to create a new API key.

2. Install Cline

   Install the Cline extension from the VS Code marketplace.

3. Open Cline settings

   Open the Cline settings panel in VS Code.

4. Configure AI Gateway

   In the settings panel:

   1. Select Vercel AI Gateway as your API Provider
   2. Paste your AI Gateway API Key
   3. Choose a model from the auto-populated catalog, or enter a specific model ID

   Cline automatically fetches all available models from AI Gateway. You can browse the full catalog on the models page.

5. Start coding

   Your requests will now be routed through AI Gateway. You can verify this by checking your AI Gateway Overview in the Vercel dashboard.

6. (Optional) Use specific model IDs

   Models follow the creator/model-name format. Check the models catalog for the right slug to avoid "404 Model Not Found" errors.

7. (Optional) Monitor usage and spend

   View your usage, spend, and request activity in the AI Gateway tab of the Vercel dashboard. The observability dashboard tracks:

   • Input and output token counts (including reasoning tokens)
   • Cached input and cache creation tokens
   • Latency metrics (average TTFT)
   • Per-project and per-model costs

   See the observability documentation for more details.

   Maintain separate API keys for different environments (dev, staging, production) to better track usage across your workflow.

Common issues and solutions:

• 401 Unauthorized: Verify you're sending the AI Gateway key to the AI Gateway endpoint
• 404 Model Not Found: Copy the exact model ID from the models catalog
• Slow first token: Check dashboard average TTFT and consider streaming-optimized models