📡 Idea Radar 每天 8:00 / 18:00 推送 · 18:00 生成精选
reddit · SideProject · 61 分 ← 返回列表

Made a chrome extension so cursor/claude stop guessing when I say "make it look like this site"

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 tok

五维评分

付费意愿
45
需求真实度
60
个人可落地
80
竞争空间
65
新鲜度
80

AI 分析

痛点:用 Cursor/Claude 等 AI 编程工具根据截图复刻网站时,AI 只能猜测间距、字体和样式,导致输出千篇一律且不准确。

目标用户:使用 AI 编程工具(Cursor、Claude 等)的前端开发者、独立开发者、设计师。

证据: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.

变现:Chrome 扩展采用 freemium 模式:免费版限制导出次数或功能,Pro 版(订阅或买断)提供无限导出、团队协作、批量处理、更多 token 格式;也可面向团队提供私有化部署。

MVP:2 周内做出 Chrome 扩展:一键提取当前页面的颜色、字体、CSS 变量、图片/SVG 链接,生成 DESIGN.md、CSS 变量和 JSON token 文件,支持复制到剪贴板并直接粘贴给 Cursor/Claude;先不做页面克隆和可视化编辑。

竞品:CSS Peeper、VisBug、CSS Scan、Superposition、html.to.design、Designraccoon

摘要:作者发布 Chrome 扩展 PikSpec,解决用 Cursor/Claude 根据截图复刻网站时设计元素不准的问题。它从目标页面提取真实颜色、字体、CSS 值、图片/SVG,并生成 DESIGN.md、CSS 变量和 JSON 供 AI 使用。目前是首次发布,寻求反馈,无付费或收入数据。