TL;DR

이 레포지토리는 특정 웹사이트를 입력한 URL을 바탕으로 Next.js 앱 형태로 재구성하는 AI coding agent용 template입니다. `/clone-website` skill이 스크린샷, 디자인 토큰, 상호작용, 자산을 수집한 뒤 component spec을 만들고 git worktree에서 병렬 구현과 visual diff QA를 진행합니다. Claude Code와 Opus 5 조합을 권장하지만 Codex CLI, Cursor, Gemini CLI 등 여러 agent를 지원하며 Node.js 24+가 필요합니다. 소유 사이트의 migration이나 소스 복구에는 적합하지만 피싱, 사칭, 무단 디자인 복제와 약관 위반에는 사용할 수 없습니다.

핵심 포인트

• 이 레포지토리는 독립 실행형 앱이 아니라 AI coding agent용 website cloning template입니다. Next.js 16과 React 19 기반 프로젝트를 복제한 뒤 `/clone-website` skill을 실행합니다. Claude Code를 중심으로 Codex CLI, Cursor, Gemini CLI 등 여러 agent를 지원합니다.
• 대상 URL을 입력하면 정찰부터 QA까지 다단계 파이프라인이 작동합니다. 화면 캡처와 interaction sweep으로 정보를 수집하고 CSS 값, 상태, 반응형 breakpoint를 component spec에 기록합니다. 이후 git worktree별 builder agent가 병렬 구현하고 원본과 visual diff를 수행합니다.
• 결과물은 다운로드한 이미지·동영상·SEO 자산과 함께 구성된 Next.js 코드베이스입니다. `src/app`, React components, hooks, types, `public` 자산, `docs/research` 출력물이 프로젝트에 남습니다. `npm run check`로 lint, TypeScript, production build를 한 번에 확인할 수 있습니다.
• 이 도구는 소유 사이트의 platform migration이나 소스 유실 복구에 적합합니다. Node.js 24+와 지원되는 AI coding agent가 필요하며 대상 사이트의 scraping·복제 약관을 먼저 확인해야 합니다. 피싱, 사칭, 타인의 브랜드·카피를 자기 것으로 가장하는 용도는 금지됩니다.

이미지 분석