前言¶
復刻網站時，常見的失敗原因在於依賴 AI 推測代碼而非真實源碼。web-clone 插件提供了一套基於真源碼的決策樹工作流，幫助開發者從靜態頁到 React/Vue/Next 站點進行高保真復刻。
它是什麼¶
這是一個由 Edisonzszs 維護的工作流插件。它覆蓋靜態站、內容型前端和動畫站三大分支，強制覈驗 AI 分析中的可執行代碼。
核心功能¶
- 高保真靜態與內容站：能處理靜態營銷頁、企業官網、內容型 React/Vue/Next 前端以及可拿到源碼的動畫站。
- 視覺還原但簡化：能進行視覺還原，但會簡化 CMS 後臺、複雜滾動敘事、多端斷點、WebGL/Canvas 特效和第三方嵌入。
- 明確邊界：默認不承諾完整克隆登錄、支付、下單、搜索推薦、權限系統、服務端業務邏輯、專有 API 以及受版權限制的素材。
安裝與啓用¶
通過 DeepSeek Harness 安裝：
dsh plugin add Edisonzszs/web-clone
安裝後，本倉庫作爲 dsh.bundle 插件掛載，skill 以 web-clone 名稱進入會話。references/ 與 scripts/ 隨插件分發，按技能正文中的相對路徑調用。
典型用法¶
當用戶表達復刻意圖時，可按以下步驟操作：
- 識別意圖：用戶說出“復刻網站”、“克隆網站”、“clone website”、“reproduce site”、“還原某個網頁效果”或“復刻某個交互/WebGL/Canvas/Three.js 效果”時使用。
- 機器校驗：運行機器校驗腳本，檢查字體、圖片和顏色保真度。
node scripts/audit-clone.mjs --recon --strict
- 全程偵察：使用偵察腳本獲取框架、資源和 DOM 信息。
node scripts/recon-site.mjs
- 素材抓取：抓取真實用到的圖片/字體/媒體（含防盜鏈 CDN）。
node scripts/asset-harvest.mjs
注意事項¶
- 真源碼至上：頭號鐵律是必須使用真源碼，絕不信 AI 推測的代碼。
- 許可合規：無 LICENSE 文件 ≠ 可自由使用。未聲明許可默認保留所有權利，僅可本地學習/復刻，須署名原作者，未經許可不得公開重新部署。
- 素材替換：上線前必須按
NOTES.md的“部署前須替換清單”替換掉受版權/商標保護的素材。 - 技術棧：腳本內置基於 Chrome DevTools Protocol 的零依賴控制層，不需要
npm install playwright。
總結¶
web-clone 插件通過提供一套基於真源碼的決策樹，解決了復刻工作中代碼推測不準確的問題。它適用於需要高保真還原靜態頁和內容站的項目，但開發者需特別注意版權許可和素材替換環節。
