WebSnatch

What it does

You see a website that's chef's kiss — then spend 30 min in DevTools guessing hex codes and font weights. WebSnatch kills that. One click extracts every color, font, spacing token, and animation from any site — then generates AI prompts so accurate that v0, Cursor, or Lovable recreates it pixel-perfectly. First-ever scroll animation detector. Built-in SEO auditor. 100% free. See it. Snatch it. Ship it.

WebSnatch is a free Chrome extension that extracts colors, fonts, spacing, and animations from any website. Generate AI prompts for v0, Cursor, Lovable, and more.

WebSnatch extracts colors, fonts, spacing, and animations from any website—then generates pixel-perfect AI prompts for v0, Cursor, Lovable, Bolt.new, Claude, and more. <div> <div class="wrapper-final-v2"> <span style="color: #ea4...?"> <!-- Wait, wrong hex? --> <h2 class="heading-main"> Unknown Font Family </h2> </span> </div> </div> <!-- TODO: Fix spacing padding-top: 13px? Why is this absolute positioned??? --> DevTools <div class = "container-???" > <!-- Computed Style: ??? --> color: rgb(245, 78, ...); // Hex? font-family: -apple-system, ...; // Which one? margin: 1.25rem; // Is this right? </div> Manual Inspection Hell GUESSWORK DRAG ME Everything you need to reverse-engineer web. From…from websnatch.dev

• 
  ReweblyNov 2025 · rewebly.com · ▲92

  Score your website for free, then let AI redesign it

• AC
  A curated list of Chrome DevTools tips and tricks2014 · devtoolstips.com · ▲212

  Practical guides to browser DevTools and AI-assisted debugging — Chrome, Firefox, Safari and Edge. Panels, shortcuts, performance traces and accessibility.

• 
  VibeCSSDec 2025 · chromewebstore.google.com · ▲117

  AI Design Agent for Google Chrome

• 
  InstawebAI2024 · instawebai.com · ▲13

  Hello HN! A few weeks ago I tried looking for a way to quickly create business sites without spending hours designing or using generic templates. AI seemed to be the answer. After trying multiple AI builders I couldn't find one that was easy to use and didn't use templates. I wanted something truly dynamic a tool that can create a website for anything fully AI driven design decisions based on my description. So I created one. A truly dynamic AI web builder.(Powered by GPT4 with styling done in tailwind css). Try it out here https:&#x2F;&#x2F;www.instawebai.com

• 
  HuesnatchJan 2026 · ▲3

  Huesnatch - Free Color Extractor

• 
  Pagesmith.aiJan 2026 · pagesmith.ai · ▲14

  We’ve been experimenting quite a bit with AI website builders and kept seeing the same pattern: Sites often look finished to users — modern UI, fast loads, everything appears “done” — but when search engines crawl them, much of the main content isn’t actually present yet. In many cases the issue isn’t SEO basics, keywords, or content quality. It’s simply when the HTML is generated and what Google receives on first visit. We wrote up a calm, non-marketing explanation of what’s going on, how to spot it yourself (even if you’re not very technical), and why this keeps happening with many modern…

• 
  /dev/null▲483

  a social network for devs

  Dev tools · 3d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 23d ago · openbot.run

• 
  Talanoa▲345

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 28d ago · corespeed.io

• 
  Lightfield▲901

  AI-native CRM that builds itself and does work for you

  AI · Mar 2026 · lightfield.app

• 
  Tobira.ai▲728

  A network where AI agents find deals for their humans

  AI · Mar 2026 · tobira.ai

• 
  Claude Import Memory▲716

  Switch from ChatGPT to Claude with import memory feature

  AI · Mar 2026 · claude.com

• 
  Littlebird▲709

  Littlebird remembers everything across your meetings, messages, docs, and apps, then takes action so you can recall any detail and never lose context.

  AI · Mar 2026 · littlebird.ai

• 
  Viktor.com▲702

  Your AI Coworker that proactively executes tasks

  AI · Mar 2026 · viktor.com

• 
  Jupid▲659

  File your taxes with Claude Code

  Commerce · Mar 2026 · jupid.com