Add Ai Provider

Add an AI provider

The contract lives in src/lib/ai/provider.ts:

generateImage({ prompt, userId }): Promise;

The default implementation is src/lib/ai/gateway.ts (Vercel AI Gateway). Read both files before writing anything.

Steps

1. Ask the user first — a new provider almost always means a new

dependency, and dependencies need approval (AGENTS.md).

1. Create src/lib/ai/.ts exporting an object that satisfies the

ImageProvider interface. Keep it thin: call the API, normalize the response to { url, width, height, model }, throw on failure.

1. Config comes from env. Add the new vars to:

• src/lib/env.ts (Zod schema, optional unless the provider is active)
• .env.example (with a comment and a link to where keys come from)

1. Wire selection where the provider is chosen (see how gateway.ts and the

AI_MOCK flag are dispatched) — selection stays env-driven, no provider conditionals in UI or actions.

1. Do not touch the credits flow. The generate action already spends

before calling the provider and refunds on failure. Your provider just throws on error; the action handles money.

1. Test: unit-test the response normalization with a mocked HTTP layer.

Then run the e2e generate flow with the real provider once, manually.

Scope note

This repo intentionally ships one provider. Multi-provider image/video/audio with job queues, auto-refunds and gallery storage is what the Pro version is for (https://nikandr.com) — don't rebuild it ad hoc here.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: nikandr-surkov
• Source: nikandr-surkov/ai-saas-starter
• License: MIT
• Homepage: https://ai-saas-starter-six.vercel.app

Install and usage instructions live in the source repository linked above.