One-Click API Key Setup

Static mockups for the Anthropic take-home prototype. Click each to open. Take screenshots at 100% browser zoom.

01

Lovable — AI trigger

Lovable AI announces it needs a Claude API key and opens setup in the browser.

02

claude.com/setup — consent

First-time user variant with $5 credits banner and "Lovable ✓ verified".

03

claude.com/setup — success

Copy key + download .env.anthropic; Return-to-Lovable activates after action.

05

Lovable Cloud — prefilled secret

Anthropic redirects back via callback URL; secret prefilled, user clicks Save.

04

Lovable — handoff

User says "done"; AI retries the original request and it succeeds.