AI網站克隆模板：使用AI編碼代理克隆任意網站

一個名為“AI網站克隆模板”的開源專案在GitHub上引起了廣泛關注。該專案提供了一個可重用的模板，允許使用者透過AI編碼代理一鍵將任何現有網站逆向工程並重建為現代化的Next.js程式碼庫。其核心理念是“一條命令克隆任意網站”。

該專案內建了一個名為 /clone-website 的多階段管道。首先，AI代理會進行偵察階段，透過截圖、設計標記提取以及互動掃描（滾動、點選、懸停、響應式測試）全面瞭解目標網站。接著進入基礎階段，更新字型、顏色、全域性樣式並下載所有資源。然後編寫詳細的元件規範檔案，包含精確的計算樣式值、狀態、行為和內容。最後，AI代理會在Git工作樹中並行構建每個元件，然後合併並執行視覺差異檢查，確保克隆質量接近於原站點。

該模板支援多種AI編碼代理，包括Claude Code（推薦搭配Opus 4.7模型）、Codex CLI、Cursor、Windsurf、GitHub Copilot等十餘種主流代理。使用者只需使用GitHub的“Use this template”按鈕建立自己的倉庫，然後執行 npm install 並啟動AI代理，最後執行 /clone-website <URL> 命令即可開始克隆。

專案的技術棧基於Next.js 16（App Router）、React 19、TypeScript嚴格模式、Tailwind CSS v4（使用oklch設計標記）以及shadcn/ui元件庫。所有克隆過程中提取的SVG圖示會替換預設圖示，並自動下載圖片和影片資源。

開發者明確了該工具的主要用途：從WordPress/Webflow/Squarespace等平臺遷移站點、恢復丟失的原始碼（網站仍在執行但倉庫丟失或開發者離開）、以及學習現代生產站點的佈局和互動實現。同時，專案特別強調禁止用於釣魚、冒充或侵犯他人商標及違反網站服務條款的行為。

專案採用MIT許可證，在GitHub上已獲得超過19.6k顆星和2.9k次fork。目前最新版本為v0.3.1，並擁有活躍的社群支援。