AI 웹사이트 클론 템플릿

AI 코딩 에이전트를 사용하여 어떤 웹사이트든 깔끔하고 현대적인 Next.js 코드베이스로 리버스 엔지니어링할 수 있는 재사용 가능한 템플릿입니다.

권장: 최상의 결과를 위해 Claude Code와 Opus 4.8 사용 — 하지만 다양한 AI 코딩 에이전트와도 작동합니다.

URL을 지정하고 /clone-website를 실행하면 AI 에이전트가 사이트를 검사하고, 디자인 토큰과 자산을 추출하며, 컴포넌트 사양을 작성하고, 병렬 빌더를 실행하여 모든 섹션을 재구성합니다.

데모

위 이미지를 클릭하여 YouTube에서 전체 데모를 시청하세요.

빠른 시작

중요: 먼저 GitHub의 Use this template 버튼으로 자신만의 복사본을 만드세요. 이 템플릿 레포지토리를 직접 클론하지 말고, 생성된 웹사이트로 여기에 풀 리퀘스트를 보내지 마세요.

1. 템플릿에서 자신의 레포지토리 생성

   이 프로젝트의 GitHub 페이지에서 Use this template를 클릭한 후, Create a new repository를 클릭합니다.

   새 레포지토리 이름을 정하고, 공개 여부를 선택한 후 Create repository를 클릭합니다. GitHub에서 Include all branches 옵션이 나타나면 선택하지 않아도 됩니다.

   이렇게 하면 별도의 프로젝트를 갖게 되어, 웹사이트 변경 사항이 메인 템플릿으로 돌아오지 않고 자신의 계정 내에서 유지됩니다.

2. 컴퓨터에서 새 레포지토리 열기

   GitHub가 복사본을 생성하면 새 레포지토리를 엽니다. Code를 클릭하고 선호하는 코딩 도구로 새 레포지토리를 열거나 클론합니다.

   만약 사용한다면

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.