JCodesMore/ai-website-cloner-template

해결하는 문제

이 프로젝트는 AI 코딩 에이전트가 기존 웹사이트를 최신의 깔끔한 Next.js 애플리케이션으로 재현할 수 있는 구조화된 환경을 제공합니다. 레거시 사이트를 마이그레이션하고, 손실된 소스 코드를 복구하거나, 학습 목적으로 프로덕션 수준의 레이아웃과 애니메이션을 분해하는 데 도움이 되도록 설계되었습니다.

작동 방식

전용 에이전트 스킬(/clone-website)을 사용하여 AI 에이전트를 4단계 프로세스로 안내합니다: 소스 사이트의 구조 매핑, 다양한 기기에서 디자인과 자산 관찰, Next.js 및 Tailwind CSS를 사용한 사이트 구축, 그리고 시각적 및 기능적 충실도를 보장하기 위해 원본과 결과 비교.

대상 사용자

AI 에이전트(예: Claude Code, Cursor 또는 OpenCode)를 활용하여 웹사이트를 최신의 유지 관리 가능한 React 기반 스택으로 재구축하는 지루한 프로세스를 자동화하려는 개발자와 디자이너.

주요 특징

• 에이전트 우선 워크플로우: 에이전트가 간단한 명령으로 복제 프로세스를 실행할 수 있도록 하는 전용 스킬 정의가 포함되어 있습니다.
• 최신 기술 스택: Next.js 16, React 19, TypeScript 및 Tailwind CSS v4를 사용하여 코드를 출력합니다.
• 구조화된 출력: 자산, 구성 요소 및 연구 문서를 깔끔하고 모듈식 프로젝트 구조로 구성합니다.
• 검증 도구: 복제된 사이트의 품질을 보장하기 위한 린팅, 타입 검사 및 프로덕션 빌드를 위한 내장 명령이 포함되어 있습니다.