返回目录

perfect-web-clone

编辑精选维护状态: 活跃

ericshang98/perfect-web-clone

网页像素级克隆工具:粘贴 URL,即可得到一份精确测量还原的 Vite + React 复刻页面。

前往 GitHub
$ dsh plugin add perfect-web-clone

258

星标

23

Fork

Python

语言

MIT

许可证

2026-01-06

创建于

2026-08-22

最近推送

MIT 协议的带评分网页克隆 skill,面向 coding agent:粘贴一个 URL,得到按指纹、体积与视觉匹配评分的可编辑 Vite + React 复刻版。通过 `pwc` CLI 兼容 DeepSeek Harness。

DSH 适配

兼容

作者声明

安全审计

未审计

最后核验

2026-08-23

许可证

MIT

01它能帮你完成什么?

  • 对你的 coding agent 说一句 `clone https://example.com`,即可像素级克隆任意网页

    整页、带评分的 Vite + React 复刻版,包含指纹、体积与视觉匹配评分,以本地预览形式交付

    需要某个站点忠实、可编辑的 React 复刻版(而不是截图或死板 mock)的开发者与 coding agent

02如何接入 DeepSeek Harness?

前置条件

  • Python 3.10+
  • Node 20+
  • 能运行 `pwc` CLI 的 coding agent(Claude Code、Codex 或 DeepSeek Harness)

安装步骤

  1. 01

    安装包:`pip install "git+https://github.com/ericshang98/Perfect-Web-Clone.git"`

  2. 02

    安装浏览器引擎:`playwright install chromium`

  3. 03

    把 `perfect-web-clone-skill` 载入你的 coding agent(Claude Code、Codex 或任何能运行 `pwc` 的 agent)

验证接入成功

作者未说明

03DSH 适配与能力边界

DSH 适配兼容

兼容的 skill + 可选 coding-agent 插件。仓库提供 skill/SKILL.md(已发布为 perfect-web-clone-skill)以及一个可选 plugin/,供任何能运行 `pwc` CLI 的 coding agent 使用,包括 DeepSeek Harness

  • 带评分的克隆流程(skill)

    一个线上 URL,例如 `clone https://example.com`capture → 区块规划 → 干净 React → 构建 → 测量式修复 → 本地预览(`ready_for_user_review` 或 `failed_with_residuals`)

    通过 Playwright 启动无头浏览器抓取线上页面(需要联网)把生成的 React 项目文件写入本地磁盘
  • pwc CLI

    命令:`pwc extract`、`pwc plan`、`pwc assemble`、`pwc build`、`pwc fingerprints`、`pwc weight`、`pwc score`每个命令都打印 JSON;`ok` 是唯一有意义的通过 / 失败判定

04适合谁?何时不该用?

适合

  • 需要某个站点忠实、可编辑的 React 复刻版(而不是截图或死板 mock)的开发者与 coding agent

不适合

  • WebGL、运行时 canvas 或滚动编排的页面会克隆内容,但运行时绘制的观感可能不一致;这个上限会事先说明,而不是悄悄放过。

05兼容性、维护与安全提示

  • 需要 Python 3.10+ 与 Node 20+,以及 Playwright 的 Chromium 浏览器;它是 CLI / skill,不是托管服务。
  • WebGL、运行时 canvas 或滚动编排的页面会克隆内容,但运行时绘制的观感可能不一致;这个上限会事先说明,而不是悄悄放过。
2026-01-062026-08-22作者未说明

MIT · 活跃维护中(仓库 2026-08-22 推送;尚无已打标签的发布)

06常见问题

怎么在 DeepSeek Harness 里运行 Perfect Web Clone?

安装包和 Playwright Chromium,然后把 `perfect-web-clone-skill` 载入你的 coding agent。由于产品是一个只需 `pwc` CLI 的 skill 加可选插件,任何能运行 `pwc` 的 agent(包括 DeepSeek Harness)都能驱动一次克隆。

一次克隆到底产出什么?

它驱动 agent 经历 capture → 区块规划 → 干净 React → 构建 → 测量式修复,交付一个本地预览,要么是 `ready_for_user_review`,要么是 `failed_with_residuals`(带证据)。像素级由一张关卡表强制保证,而非靠 prompt。

前置条件是什么?

Python 3.10+、Node 20+,以及 Playwright 的 Chromium 浏览器(`playwright install chromium`)。它是本地 CLI / skill,不是托管服务。

它能处理 WebGL 或动画页面吗?

内容仍可克隆,但如果页面是 WebGL、运行时 canvas 或滚动编排,运行时绘制的观感可能不一致——而且这个上限会事先说明,而不是悄悄放过。

08数据与来源

  • 作者声明github.comc846c37937a7…

    The product is the [skill](skill/SKILL.md): an agent harness that turns one `clone` into a full-page, scored replica.

  • 作者声明github.comc846c37937a7…

    Load `perfect-web-clone-skill` into Claude Code, Codex, or any coding agent that can run `pwc`.

页面基于项目公开文档、仓库元数据和 DSH Plugins 的结构化解析生成;最后核验于 2026-08-23。发现错误?提交更正。

🏆

最佳 DeepSeek Harness 插件

从全目录挑出的 12 个值得优先安装的插件,覆盖各个分类。

DSH Plugins 是独立的 DeepSeek Harness 插件市场,与 DeepSeek 官方无关,也不代表官方背书。第三方插件未经安全审计,安装前请审查源码。

每周获取最新的 DeepSeek Harness 插件,绝不滥发。