JCodesMore/ai-website-cloner-template
Clone any website with one command using AI coding agents
What it solves
이 프로젝트는 기존 웹사이트를 깨끗하고 현대적인 Next.js 코드베이스로 역설계할 수 있는 재사용 가능한 템플릿을 제공합니다. 플랫폼 마이그레이션(예: WordPress 또는 Webflow에서 Next.js로 이동)을 돕거나, 라이브 사이트에서 손실된 소스 코드를 복구하거나, 프로덕션 수준의 웹사이트가 어떻게 구조화되고 스타일링되는지 배우는 데 목적이 있습니다.
How it works
이 템플릿은 AI 코딩 에이전트(Claude Code, Cursor, 또는 Aider)를 사용하여 /clone-website 명령어를 통해 다단계 파이프라인을機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 기능을 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を 機能を )$
Who it’s for
레거시 사이트를 현대적인 스택으로 마이그레이션하려는 개발자, 웹사이트의 프론트엔드 코드를 복구해야 하는 개발자, 또는 프로덕션 수준의 레이아웃과 애니메이션을 연구하고 싶은 개발자용입니다.
Highlights
- Modern Tech Stack: Next.js 16, React 19, Tailwind CSS v4, 및 shadcn/ui로 구축되었습니다.
- Agent Agnostic: Claude Code, GitHub Copilot, Cursor, 및 Windsurf를 포함한 다양한 AI 코딩 에이전트를 지원합니다.
- Automated Pipeline: 디자인 토큰 추출 및 컴포넌트 사양서 작성을 자동화하여 구축 과정에서의 추측을 제거합니다.
- Parallel Construction: git worktrees를 사용하여 빌더 에이전트가 사이트의나 사이트의 다른 부분을 동시에 작업할 수 있도록 합니다.