Original Summary

Whenever I asked cursor or claude to "make it look like this site" and gave it a screenshot, it guessed. Wrong spacing, wrong fonts, the same generic look every time. So I built PikSpec. You open it on a site you like and it reads the actual design off the page - shows every color and font the page actually uses - pulls all the images, icons, svgs and videos so you can download them - lets you click any element and see its real css values - turns the whole design into token files (DESIGN.md, css variables, json) you can drop into cursor or claude - can clone the page into an editable copy to use as a starting point - saves everything to your workspace as a design pack for your AI to build from Available on the chrome web store: https://chromewebstore.google.com/detail/pikspec-%E2%80%94-website-inspect/cnpghkfbhdpcendcliogffmajlkepoig Website : https://www.pikspec.com/ It's our first real release so I'm sure there's rough edges. Would love to hear what's missing, or what you'd want your AI to get from a reference site that it doesn't right now.   submitted by   /u/JShug07 [link]   [comments]

  • 情报分类：技术学习与提效
  • 分类依据：内容涉及技术、AI、软件工具或工程实践
  • 信息来源：Reddit · SideProject
  • 发布时间：2026/9/28 02:57:09