Menu

Connect

🚀 Project

Ugly Website Builder

An automated pipeline that finds businesses with outdated websites, generates modern AI-powered redesigns, and deploys them instantly for outreach.

Built with:Next.jsClaude AIPuppeteerGitHub PagesTwilioTailwind CSS

Ugly Website Builder Screenshot

What is the Ugly Website Builder?

An automated system that finds local businesses with outdated websites, generates modern redesigns using AI, and deploys them instantly for outreach.

How It Works

  1. Discover — Uses Google Maps API to find businesses by niche and location
  2. Analyze — AI scores each website on a 1-10 scale and identifies issues
  3. Scrape — Puppeteer extracts content, images, and contact info
  4. Generate — Claude AI creates a modern Next.js redesign using their actual content
  5. Deploy — Automatically pushes to GitHub Pages with a live preview URL
  6. Outreach — Sends before/after comparisons via email and SMS

The Tech Stack

  • Google Maps API — Business discovery
  • Puppeteer — Web scraping and screenshots
  • Claude API — Site analysis and content generation
  • Next.js + Tailwind — Generated websites
  • GitHub Pages — Free hosting for mockups
  • Twilio + Mailgun — Outreach automation

Results

  • Generate a complete website mockup in ~60 seconds
  • Deployed sites live at ryancwynar.github.io/[business-name]
  • ~15% conversion rate on speculatively sent mockups

Related Articles

Live Examples

Check out ryancwynar.github.io for a directory of generated website mockups.

Project Updates

No updates yet for this project.