jcodesmore/ai-website-cloner-template
Developer tools이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기
AI 코딩 에이전트를 사용해 한 명령으로 어떤 웹사이트든 복제할 수 있습니다
개요
AI 코딩 에이전트를 사용해 어떤 웹사이트든 깔끔하고 현대적인 Next.js 코드베이스로 역설계할 수 있는 재사용 템플릿입니다. — 하지만 다양한 AI 코딩 에이전트와도 함께 작동합니다. URL을 가리키고 /clone-website를 실행하면 AI 에이전트가 사이트를 점검하고 디자인 토큰과 자산을 추출하고, 구성 사양을 작성하며, 병렬 빌더를 보내 각 섹션을 재구성합니다. 위 이미지를 클릭하면 유튜브에서 전체 데모를 볼 수 있습니다. GitHub 버튼으로 직접 복사본을 만드는 것부터 시작하세요. 이 템플릿 저장소를 웹사이트 프로젝트용으로 직접 복제하지 말고, 생성한 웹사이트와 함께 풀 리퀘스트를 열지 마세요. 이 프로젝트의 GitHub 페이지에서 , 그리고 .을 클릭하세요. 새 저장소에 이름을 붙이고, 공개할지 비공개로 할지 선택한 다음 클릭하세요. GitHub에 옵션이 나오면 그 이름을 빼도 됩니다. 이렇게 하면 별도의 프로젝트에서 작업할 수 있어, 웹사이트 변경 사항이 메인 템플릿으로 돌아가지 않고 계정에 남아 있습니다.
개요(AI 번역)
어떤 웹사이트든 하나의 명령어로 복제합니다
AI 코딩 에이전트에게 URL을 주면, 웹사이트를 깨끗한 Next.js 앱으로 재구성하는 모습을 보세요.
Claude Code + Opus 5.5에서 최상의 결과가 나옵니다. Codex, 커서, OpenCode도 지원합니다.
빠른 시작 · 데모 보기 · 지원 플랫폼
데모
위 이미지를 클릭하면 유튜브에서 전체 데모를 시청할 수 있습니다.
퀵 스타트
1. 프로젝트를 설정하세요
추천: 에이전트에게 문의하세요. 이 내용을 Codex, Claude Code, 또는 코딩 에이전트에 붙여넣으세요:
또는 직접 GitHub 저장소를 만들어보세요:
이름을 지정하고 저장소 만들기를 클릭하세요. 그 다음 에이전트에게 새 저장소 링크를 주고, 컴퓨터에 복제해 의존성을 설치한 후 npm run check를 실행하도록 요청하세요.
2. 웹사이트 복제
브라우저 권한이 활성화된 상태에서 에이전트에서 프로젝트를 열어보세요. Claude 코드나 커서에서 실행하세요:
URL을 재생성하고 싶은 웹사이트로 바꾸세요. 웹사이트가 완성되면 원하는 변경 사항을 에이전트에게 요청하세요.
지원 플랫폼
| 요원 | 상태 |
|---|---|
| 클로드 코드 | 권장 — Opus 5.5 |
| 코덱스 CLI | 지원 |
| OpenCode | 지원 |
이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.
README
원문 README의 일부입니다. 원문 보기.
Demo
Click the image above to watch the full demo on YouTube.
Quick Start
1. Set up your project
Recommended: ask your agent. Paste this into Codex, Claude Code, or your coding agent:
Set up https://github.com/JCodesMore/ai-website-cloner-template
as a standalone project in a new folder on my computer.
Ask me where to put it. Clone the repository, remove its origin remote,
install dependencies, and run npm run check. Leave it ready for me
to clone a website.
Or create your own GitHub repository:
추천 도구
다른 키워드를 입력하거나 필터를 제거해 보세요.
설치
npx skillfish add jcodesmore/ai-website-cloner-template