# Claude Design

> Claude Design is a research-preview design tool from Anthropic Labs that lets product teams generate high-fidelity prototypes, slide decks, and templated layouts through a conversational interface backed by Claude. Designs are grounded in real product context — design systems, screenshots, codebases, and Figma files — so the output stays consistent with the source of truth.

This site is a public demo / capture portal for the Claude Design preview. It is hosted on Cloudflare Workers with a D1 database recording wait-list emails captured during high-traffic periods.

## What you can do here
- Create a new prototype, slide deck, or template-based project from the start screen.
- Pick a fidelity (wireframe or high-fidelity) and a design system.
- Describe what you want to create and iterate inside a chat workspace alongside the canvas.
- Drop in references — design tokens, screenshots, codebases, Figma URLs — to ground the output.
- Leave an email when capacity is full to receive usage credits as compensation.

## Key pages
- [Home / Marketing site](https://claudedesign-cc-website.214140846.workers.dev/): long-form overview — what you can make (landing pages, prototypes, decks), how it works, design-system support, export and handoff.
- [App (Start designing)](https://claudedesign-cc-website.214140846.workers.dev/app): the actual design tool. Start a new project (Prototype, Slide deck, From template, Other) or open an existing one. Projects are stored in the browser via localStorage.
- [robots.txt](https://claudedesign-cc-website.214140846.workers.dev/robots.txt): crawler policy, explicitly permitting major AI bots.
- [sitemap.xml](https://claudedesign-cc-website.214140846.workers.dev/sitemap.xml): crawlable URL index.

## API
- `POST /api/leads` — capture a lead. JSON body: `{ "email": "...", "projectId": "...", "projectName": "...", "message": "..." }`. Validates email, persists to Cloudflare D1, returns `{ "ok": true }`.
- `GET /api/health` — liveness probe, returns `{ "ok": true, "ts": <unix-ms> }`.

## Stack
- Cloudflare Workers (single-file fetch handler) with the Static Assets binding for the SPA.
- Cloudflare D1 (SQLite) for lead capture in the `leads` table.
- Plain HTML / vanilla JS frontend, no framework. Fonts: Fraunces + Inter.

## License & contact
Research preview. For Anthropic press / Claude product information see https://www.anthropic.com.