AI News HubLIVE
站內改寫1 分鐘閱讀

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

一個基於Next.js的開源模板,通過AI編碼代理一鍵克隆任何網站。支持多種AI代理如Claude Code,自動提取設計標記、組件規格並並行構建,快速將現有網站重建為現代化代碼庫。

來源Hacker News AI作者: vantareed

一個名為“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,並擁有活躍的社區支持。