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）
安裝步驟
- 01
安裝套件：`pip install "git+https://github.com/ericshang98/Perfect-Web-Clone.git"`
- 02
安裝瀏覽器引擎：`playwright install chromium`
- 03
把 `perfect-web-clone-skill` 載入你的 coding agent（Claude Code、Codex 或任何能執行 `pwc` 的 agent）
驗證整合成功
作者未說明
03DSH 整合程度與能力邊界
相容的 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 或捲動編排的頁面會複製內容，但執行期繪製的外觀可能不一致；這個上限會事先說明，而不是悄悄放過。
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 或捲動編排，執行期繪製的外觀可能不一致——而且這個上限會事先說明，而不是悄悄放過。
07相關的 DSH 工作流程
dsh-routing-suite
作者 yjh051108
DeepSeek Harness（dsh）路由套件：先裝執行時注入器，再載入任務感知的推理模式路由預設（已實測 P1-P23）。
brooks-lint
作者 hyhmrright
基於 12 本經典工程書籍的 AI 程式碼評審工具，提供腐化風險診斷、書籍引用、嚴重度標籤及 6 種分析模式。
oh-dsh
作者 hust-open-atom-club
一套 DSH runtime，Desktop、Web 與 TUI 三種開發體驗。
dsh-super-injector
作者 yjh051108
推薦元件（非必須）：DeepSeek Harness 執行時注入器；已隨 dsh-routing-suite 單倉庫化保留，本倉庫繼續維護/釋出。
08資料與來源
The product is the [skill](skill/SKILL.md): an agent harness that turns one `clone` into a full-page, scored replica.
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 個值得優先安裝的外掛，涵蓋各個分類。