AI Website Cloner Template：給 agent 一個網址，一行指令複刻成 Next.js 網站
ai-website-cloner-template: Clone any website with one command using AI coding agents
摘要分析
JCodesMore 的模板（⭐3.7 萬，v0.6.1 於 2026-10-05 發布）預先搭好 Next.js 16＋React 19＋shadcn/ui＋Tailwind v4。用「Use this template」建自己的 repo、npm run check，然後在 Claude Code 或 Cursor 輸入 /clone-website <網址>，agent 透過 Chrome DevTools MCP 觀察目標網站並重建成乾淨的 Next.js 專案。README 建議 Claude Code＋Opus 5.5 效果最好，並明列不得用於釣魚、冒充、盜用設計或違反 ToS。
- GitHub 按 Use this template 建自己的 repo（勿直接 clone 模板或對模板開 PR）
- npm install → npm run check（lint＋typecheck＋build），需 Node 24+
- 在 Claude Code／Cursor 輸入 /clone-website <網址>，需開啟瀏覽器存取
- 做完再用自然語言請 agent 修改內容、換品牌
- 先看目標網站 ToS，logo／文案／品牌資產屬原作者
JCodesMore's template (about 36.8k stars; v0.6.1 released 2026-10-05) comes pre-scaffolded with Next.js 16, React 19, shadcn/ui and Tailwind v4. Create your own repo with 'Use this template', run npm install and npm run check, then type /clone-website https://example.com in Claude Code or Cursor. The agent, with browser access via Chrome DevTools MCP, inspects the target site and rebuilds it as a clean Next.js app, replacing Lucide icons with extracted SVGs. The README recommends Claude Code with Opus 5.5 and also supports Codex and OpenCode, and it explicitly lists what the project is not for: phishing, impersonation, passing off others' designs, or violating a site's terms of service. It is the most popular recent entry point to the clone-a-website workflow.
- Use this template to create your own repo
- npm install then npm run check (Node 24+)
- Run /clone-website <url> with browser access enabled
- Ask the agent for changes afterwards
- Check the target site's ToS; brand assets belong to owners
關鍵字：網站複刻Next.jsClaude CodeChrome DevTools MCPclone-website
來源原文：https://github.com/JCodesMore/ai-website-cloner-template
本頁為報導內容的摘要與分析，版權屬原媒體所有；請以原文為準。