Customization

Modify Pricing Plans

Edit constants/billing.ts:

starter_monthly: {
  priceCents: 2900,        // Change price
  creditsPerCycle: 1000,   // Change credit amount
  creemPriceId: "prod_xxx" // Match your Creem product ID
}

Modify Credit Costs

Edit the cost constants:

Replace AI Provider

There are two AI surfaces — choose which one you want to swap.

Swap the cursor-generator provider (GRS AI → something else)

This is the provider that powers the actual cursor-generator pipeline.

1. Install the new SDK: pnpm add <sdk>
2. Replace lib/ai-providers/grsai.ts with a new module exporting the same generateImage(prompt, imageUrl): Promise<string> signature
3. Update lib/env.ts and .env.example with the new env vars
4. Update any model name references in lib/cursor-generator/generator.ts

Swap the demo route provider (Volcano Engine → OpenAI)

The demo routes under /demo/* use Volcano Engine. To swap them:

1. Install the OpenAI SDK: pnpm add openai
2. Replace files in lib/volcano-engine/ with OpenAI equivalents
3. Update environment variables
4. Keep the same credit deduction pattern in API routes

Add a New Language

1. Copy messages/en.json to messages/XX.json (new locale)
2. Translate all strings
3. Add locale to i18n.config.ts:

export const locales = ['en', 'zh', 'XX'] as const;

4. Update proxy.ts and lib/i18n.ts

Customize Theme

Colors are defined in app/globals.css using CSS custom properties:

:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 3.9%;
  --primary: 0 0% 9%;
  /* ... */
}

Dark mode variables are in the .dark class.

Add New Protected Pages

1. Create a new page in app/[locale]/(protected)/your-page/page.tsx
2. It's automatically protected by the layout's session check
3. Add navigation in features/navigation/config.ts