Scrape Style

Paste a URL. Get a design system.

Generate AI-ready style guides for Cursor & Lovable in seconds.

Live Demo · Report Bug

---

Built by Max Mogilski

---

🎬 Demo

demo.mp4

---

✨ Features

• 🔗 Paste any URL — Works with any public website
• 🎨 Extract design tokens — Colors, typography, spacing, shadows
• 🤖 AI-powered — Uses Gemini to understand design patterns
• 📋 Copy & paste ready — Perfect for AI coding tools
• 🔒 Privacy first — API key stays in your browser

---

🚀 Quick Start

Online: Go to scrapestyle.com, get a free Gemini API key, paste a URL!
You can also choose OpenRouter (OpenAI-compatible) in the UI and use your sk-or-... key (e.g., gpt-4o-mini).

Local:

git clone https://github.com/Max-Mogilski/Scrapstyle.git
cd Scrapstyle
npm install
npm run dev

Note: Requires Chrome, Edge, Brave, or Chromium installed locally. Safari is not supported by Puppeteer.

---

🛠️ Tech Stack

Next.js 15 · Tailwind CSS · Google Gemini · Puppeteer · Vercel

---

📄 License

MIT License - see LICENSE for details.