Excompt 是一款面向开发者和设计人员的网站克隆工具,核心功能是将任意网站转化为干净、可用于生产环境的代码。它通过浏览器扩展实现一键克隆,支持导出 HTML、React JSX 或 Vue 模板,并自动使用 Tailwind CSS 组织样式,帮助用户快速复制网站布局,加速开发工作流。
用途 Excompt 主要用于快速复制网站设计,减少从零开始编写 UI 代码的时间。用户可以在浏览任意网站时,通过扩展选择页面元素或整个布局,将其提取为结构化、可维护的组件代码,直接用于自己的项目中。
主要能力
- 一键克隆:安装 Chrome 扩展后,点击扩展即可捕获所选元素的设计细节,实现整页或单个组件的克隆。
- 多框架导出:支持导出 HTML、React JSX 或 Vue 模板,每种格式均针对生产环境优化,具备清晰的组件结构和框架最佳实践。
- Tailwind CSS 集成:自动将内联样式和复杂 CSS 转换为 Tailwind 工具类,并提供在线 Tailwind CSS 预览功能。
- 响应式设计:克隆的组件自动适配桌面、平板和移动设备,无需额外编写响应式代码。
- 组件管理仪表盘:可在网页仪表盘中保存、分类、搜索、标记和复用克隆的组件,支持跨项目使用。
- 快速导出:官方称可在 30 秒内完成网站设计的复制。
使用方式
- 安装扩展:将 Excompt 扩展添加到 Chrome 浏览器。
- 克隆网站:访问目标网站,点击扩展,选择想要克隆的元素。
- 导出代码:以 HTML、React 或 Vue 格式获取代码,配有 Tailwind CSS 样式;可直接复制或保存到仪表盘供后续使用。 此外,用户可在仪表盘中管理组件,使用搜索、过滤和标签功能组织组件库。
适用场景
- 前端开发者:从任意网站克隆 UI 组件并快速集成到项目中,节省开发时间。
- 设计机构:快速制作客户项目原型,展示多种设计方案并高效实现已批准的方案。
- 创业公司创始人:通过克隆成熟的网站布局快速构建 MVP,无需雇佣设计师即可获得专业设计。
- 学习开发者:通过克隆专业网站组件,学习响应式设计模式和现代 CSS 技术。
- 自由职业开发者:以克隆相似网站设计为起点,更快交付客户项目。
- 产品研究人员:研究竞争对手的设计并克隆其最佳实践。
限制 官方提供了定价信息:免费计划无需信用卡,包含元素样式与 Tailwind CSS 预览、无限 HTML 格式组件导出;付费计划每月 7.99 美元,包含无限组件导出、无限代码管理、多输出格式。此外还有针对自定义需求的联系方案,包含共享代码管理、自定义团队成员等。 关于法律合规性、浏览器支持范围、动态网站和 SPA 克隆能力、图片和资源克隆、自定义字体和图标支持、表单和输入克隆、准确度、数据安全等细节,官方页面提供了常见问题条目,但具体答案未在提供的资料中给出,暂未提供详细说明。