API Keys
Paste each provider's key once here. The AI Builder and the AI Edit panel in the Drag Builder read from this single store at runtime.
Keys are stored in this browser's
localStorage and never leave it except to this app's own API routes, which forward them to the third-party providers as Bearer tokens. Clear them anytime below.OpenAI
Powers the AI Builder pipeline (component generation, enhancement, theming) and the AI Edit panel when OpenAI is the chosen provider.
Anthropic
Used by AI Builder Pipeline mode when Anthropic is the picked provider. The agent-driven clone modes (Direct / Primitive) run on the server's own key and don't need this.
MiniMax
Used by the AI Edit panel when MiniMax is the chosen provider. Lower cost than OpenAI for short, targeted edits.
Where each key is used
- OpenAI — AI Builder Pipeline mode (component generation), AI Edit when OpenAI is the chosen provider.
- Anthropic — AI Builder Direct Clone mode (Claude Agent SDK runs the direct-clone-frontend subagent).
- MiniMax — AI Edit when MiniMax is the chosen provider (cheaper alternative to OpenAI).