Systems
Independent build
WebForge, AI Site Generator
Paste a Google Maps, Yelp or business URL: Claude extracts the business details and generates a complete single-file HTML website to preview and download.
Stack: Next.js, TypeScript, Tailwind CSS, Framer Motion, Claude API
Problem
A small business with no website already has its facts online on a maps or review listing. WebForge turns that listing into a first site in one step.
What I built
- An extract endpoint that fetches the URL and has Claude return typed business data: name, industry, description, address, phone, suggested sections and style.
- A generate endpoint that builds the prompt and has Claude (up to 8192 tokens) write a single-file HTML site.
- Live preview in an iframe srcdoc and a one-click .html download.
- A state-machine hook for the extract flow, a streaming skeleton and a global error boundary.
Stack
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- Claude API
Share this case