Hey Product Hunt 👋 I'm Shagun, I built PikSpec. It started from two things that kept annoying me: Every time I liked how a website looked, I'd open DevTools and dig through CSS just to find a font name or a color. Every time I asked Cursor or Claude to build something, the UI came out looking like every other AI-made app. Same grays, same purple, same cards. Saying "make it look like [site]" never worked because the AI can't see that site. So PikSpec does both. Open it on any site and click Analyse. You get: 🔍 the real CSS of anything you click: font, size, spacing, colors, contrast 🔤 the fonts that actually rendered, not just the CSS font stack 🎨 the whole color palette, ready to copy 🧩 an export of everything as a Tailwind v4 theme, CSS variables, JSON, or a DESIGN.md you drop into your repo so Claude Code, Cursor, Lovable or v0 follow a real design 📄 a static HTML/CSS clone of the page, if you want to study how it's built Inspecting is free and doesn't need an account. I'm a solo developer and this is my first Product Hunt launch, so I'd really love honest feedback. What's confusing? What would make you use it every day? I'll be here all day answering everything.

PikSpec

See the design behind any website, then build with it

See the design behind any website, then build with it