AI Website Cloner Template

AI 코딩 에이전트로 웹사이트를 리버스 엔지니어링하여 Next.js 코드로 재구성하는 템플릿.

Key Points

Claude Code (Opus 4.6 권장) 또는 기타 AI 코딩 에이전트와 함께 사용
URL을 지정하고 /clone-website 실행하면 AI가 자동으로 사이트 분석 → 디자인 토큰 추출 → 컴포넌트 스펙 작성 → 병렬 빌드
재사용 가능한 템플릿 형태로 제공

git clone https://github.com/JCodesMore/ai-website-cloner-template.git my-clone
cd my-clone
npm install
claude --chrome
/clone-website <target-url>

AI 코딩 에이전트(Claude Code 등)를 활용해 기존 웹사이트를 분석하고, 디자인 토큰과 에셋을 추출하여 깔끔한 Next.js 코드베이스로 재구성하는 템플릿. 사이트를 검사하고, 각 섹션을 병렬로 재구성하는 파이프라인을 제공한다.