RecodeAI

AI-powered website redesigner. Paste a URL and get a fully rebuilt, modern version of the site — deployed live to Netlify in one click.

How it works

1. Scrape — fetches the target site and extracts its content, structure, navigation, and assets.
2. Analyze — Claude scores the current design (typography, layout, color, interactions) on a 0–10 scale.
3. Smart model routing — the design score picks the generation model: heavily dated sites get Opus for a full creative redesign, decent sites get Sonnet for a lighter upgrade, polished sites get Haiku for a refresh. Per-run token cost is estimated and reported.
4. Generate — Claude rebuilds the site as static HTML/CSS/JS under strict content-preservation rules: every section, nav link, form, and button from the original must survive the redesign.
5. Deploy — the generated files are zipped and pushed to Netlify via API, returning a live URL.

Stack

• Next.js 15 (App Router, API routes with streaming status updates)
• TypeScript + Tailwind CSS
• Anthropic SDK — Claude Haiku / Sonnet / Opus, selected dynamically
• better-sqlite3 — lightweight storage for trial requests
• Netlify API — zero-config deploys

Running locally

npm install
npm run dev

API keys are bring-your-own and entered in the app's Settings panel at runtime — the Anthropic and Netlify keys are never stored server-side.

Optional environment variable:

ADMIN_SECRET=   # protects the /admin trial-request dashboard

Notes

This is a personal project by @kimlj. Feedback and issues welcome.