将网站克隆为 HTML 和 CSS、检查样式、生成设计 MD、捕获页面并检查 AI 溢出。 15 个工具集于一个底座中。
Sitepeel 帮助设计人员和开发人员了解网站是如何构建的，并将他们发现的内容转化为代码、提示和设计说明。打开任何网站，单击 Sitepeel 图标（或按 Ctrl+Shift+Y），工具就会在页面上的停靠栏中打开。
15 个工具：
• 检查：悬停并单击任何元素以查看其代码、样式、字体、颜色、间距和资源，并将其复制（也可作为 Figma 的图像或 SVG）。
• 克隆页面：将页面及其文件导出为静态 HTML 和 CSS 快照。
• 克隆提示：使用任何AI 工具重建页面外观和布局的提示。
• Design MD：页面颜色、类型、间距和组件的DESIGN.md 参考。合并一个站点的多个页面。
• 提取资源：页面上的每个图像、SVG、图标、视频和字体，以预览、复制或下载为 ZIP。
• 颜色：页面的调色板，如CSS、Tailwind、SCSS 或JSON。
• 字体：每种字体的大小、粗细以及获取位置。
• 测量：元素之间的距离、尺寸和间距。
• 编辑文本：更改页面文本以尝试复制。
• 屏幕截图：可见区域、整页、剪切区域或一个元素。裁剪、注释、添加框架或壁纸，然后复制或导出 PNG、JPG、WebP 或 PDF。
• 响应式查看器：手机、平板电脑和笔记本电脑上的页面并排、一起滚动。
• 交换字体：尝试页面上的其他字体、一个元素或所有喜欢的字体。
• 移动和删除：拖动页面的某些部分或将其删除以测试布局。
• AI slop 检查器（测试版）：AI 生成的页面外观如何，以及原因和修复提示。
• 技术堆栈：页面使用的框架、CMS、托管、分析和库以及我们所知的方式。
将工具保留在底部停靠栏或侧边栏中，处于浅色或深色模式，并更改其在仪表板上的顺序。
使用 Google 或电子邮件免费登录。颜色、字体、测量、屏幕截图、技术堆栈和人工智能倾斜检查器都是免费的。其他工具可以免费试用；一次性购买即可保留全部 15 个。请参阅 sitepeel.dev 了解当前价格。可选的 AI 连接使用您自己的 API 密钥，并且可能需要向该提供商付费。
检查、导出、提示、Design MD 和屏幕截图在您的浏览器中运行。 Sitepeel 不会上传您检查的页面。我们使用帐户详细信息进行登录和访问，并且绝不会出售个人信息。隐私政策：https://sitepeel.dev/privacy/
无法检查浏览器设置页面、扩展存储页面和其他受限页面。页面导出不会重新创建网站的后端。仅在您获得许可的情况下使用导出的内容。
帮助：support@sitepeel.dev
