One-Click API Key Setup

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

01

Claude Code — AI trigger

Claude Code (CLI) discovers no API key, offers a one-click setup, user presses Enter to open the browser.

02

platform.claude.com/setup — consent

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

03

platform.claude.com/setup — success

Send key to Claude Code (writes to frontend/.env) or download as .env.

04

Claude Code — resumed

Key auto-detected; Claude calls /v1/messages, writes the lesson file, and reports back.