Installation

# Add to your Claude Code skills
git clone https://github.com/mggger/WebCraft

README.md

Web Design AI Agent

Name: WebCraft
Author: mggger

An AI-powered web design agent that dynamically generates web pages and provides real-time interactive editing capabilities for each component.

Documentation

Install dependencies
```
npm install
```
Configure Cloudflare R2

Modify wrangler.toml to bind your Cloudflare R2 bucket:
```
[[r2_buckets]]
binding = "R2_BUCKET"
bucket_name = "your-bucket-name"
```
Configure Environment Variables

Update the variables in wrangler.toml:
```
[vars]
ANTHROPIC_API_KEY = "your-anthropic-api-key"
R2_ENDPOINT_URL = "https://your-r2-custom-domain.com"
```
IMPORTANT: Ensure your R2_ENDPOINT_URL allows cross-origin access (CORS). This is critical as the generated web pages will need to access images from this endpoint. Without proper CORS configuration, the images won't display correctly.