# Claude Design import

> Built a prototype on claude.ai/design? Import the handoff bundle and Genesis rebuilds it faithfully as your real site.

Source: https://knowledge.estage.com/capabilities/claude-design-import/
Part of the ESTAGE knowledge base (https://knowledge.estage.com). Full corpus: https://knowledge.estage.com/llms-full.txt

---
Prototyped something in **claude.ai/design**? Export it there and Genesis turns the prototype
into a real, publishable site — a faithful transplant, not a reinterpretation.

## How to trigger it

- Use the **Claude Design** entry in the `/` slash menu and paste the handoff URL, or just
  paste the share link directly:

```text
Import this Claude Design handoff and rebuild it:
https://api.anthropic.com/v1/design/h/…
```

## What happens

1. Genesis downloads the bundle — the design brief, the prototype pages, and all assets.
2. **On a project with existing content**, it asks how to integrate:
   - **Replace current page**
   - **Add as new page**
   - **Rebuild whole project from the bundle**
   (A brand-new empty project skips the question and rebuilds from the bundle.)
3. The builder reconstructs the prototype **verbatim**: exact text, exact colors and spacing,
   the bundle's own images. No creative liberties, no bonus features — what you designed is
   what you get.

From there it's a normal Genesis site: edit visually, iterate by chat, publish.

## Notes

- Handoff links are **single-use and expire after 7 days** — if a link has gone stale,
  re-export from claude.ai/design.
- Bundles up to 50 MB.
- It's a one-way import: later changes in claude.ai/design need a fresh export + import
  (choose *Replace current page* to swap the old version out).
