概述
Clone websites as HTML & CSS, inspect styles, generate Design MD, capture pages and check for AI slop. 15 tools in one dock.
Sitepeel helps designers and developers see how websites are built and turn what they find into code, prompts and design notes. Open any website, click the Sitepeel icon (or press Ctrl+Shift+Y) and the tools open in a dock on the page. The 15 tools: • Inspect: hover and click any element to see its code, styles, fonts, colors, spacing and assets, and copy it (also as an image or SVG for Figma). • Clone page: export the page as a static HTML and CSS snapshot with its files. • Clone prompt: a prompt that rebuilds the page's look and layout with any AI tool. • Design MD: a DESIGN.md reference of the page's colors, type, spacing and components. Combine several pages of one site. • Extract assets: every image, SVG, icon, video and font on the page, to preview, copy or download as a ZIP. • Colors: the page's palette as CSS, Tailwind, SCSS or JSON. • Fonts: every font with sizes, weights and where to get it. • Measure: distances, sizes and spacing between elements. • Edit text: change the page's text in place to try out copy. • Screenshot: visible area, full page, a snipped area or one element. Crop, annotate, add a frame or wallpaper, then copy or export PNG, JPG, WebP or PDF. • Responsive viewer: the page on phones, tablets and laptops side by side, scrolling together. • Swap fonts: try other fonts on the page, one element or all like it. • Move & delete: drag parts of the page around or remove them to test layouts. • AI slop checker (Beta): how AI-generated the page looks, with the reasons and a fix prompt. • Tech stack: the frameworks, CMS, hosting, analytics and libraries the page uses, with how we know. Keep the tools in a bottom dock or a sidebar, in light or dark mode, and change their order on the dashboard. Sign in free with Google or email. Colors, Fonts, Measure, Screenshot, Tech stack and the AI slop checker are free. The other tools can be tried for free; keep all 15 with a one-time lifetime purchase. See sitepeel.dev for the current price. Optional AI connections use your own API key and may cost money with that provider. Inspection, exports, prompts, Design MD and screenshots run in your browser. Sitepeel does not upload the pages you inspect. We use account details for sign-in and access and never sell personal information. Privacy policy: https://sitepeel.dev/privacy/ Browser settings pages, extension-store pages and other restricted pages can't be inspected. Page exports don't recreate a website's backend. Use exported content only where you have permission. Help: support@sitepeel.dev
4.2 星(5 星制)5 个评分
详情
隐私权
“Sitepeel – Website Cloner, CSS Inspector & Design MD”已就收集和使用用户数据披露了以下信息。 如需了解详情,请查看开发者的privacy policy。
Sitepeel – Website Cloner, CSS Inspector & Design MD会处理以下数据:
该开发者已声明,您的数据:
- 不会因未获批准的用途出售给第三方
- 不会为实现与产品核心功能无关的目的而使用或转移
- 不会为确定信用度或放贷目的而使用或转移
支持
若有任何疑问、建议或问题,请在桌面浏览器中打开此页面