AI 코딩 에이전트 · 웹사이트 클론 ai-website-cloner-template 활용법: URL 하나로 Next.js 클론 만들기 설치부터 "관찰 → 구현" 2단계 프롬프트, 한계와 주의사항까지 정리했습니다. 작성 기준일: 2026-10-16 이 글은 공식 GitHub 저장소(README, 저장소 master 압축본의 SKILL.md·AGENTS.md·references 문서)를 읽고 정리했습니다. 아래 프롬프트 예시는 작성자가 제안하는 방식이며 실제 클론 실행 결과로 검증하지 않았습니다. 1. 핵심 요약 이 템플릿은 변환 프로그램이 아니라 AI 에이전트에게 주는 작업 지침서(스킬) 입니다. 실행 스크립트 없이 에이전트가 브라우저로 사이트를 보고 코드를 작성합니다. 사용법은 프로젝트를 만든 뒤 에이전트에서 /clone-website URL 을 실행하는 것입니다. 결과물은 Next.js 16 + React 19 + shadcn/ui + Tailwind CSS v4 프로젝트입니다. 품질을 높이려면 범위를 좁히고, 관찰과 구현을 두 단계로 나눠 지시하는 편이 좋습니다. 2. 핵심 정보 항목 내용 구분 명령 /clone-website <url> 공식 정보 필요 환경 Node.js 24 이상, 브라우저 접근이 가능한 AI 코딩 에이전트 공식 정보 지원 에이전트 Claude Code(권장), Codex CLI, OpenCode, Cursor 공식 정보 기술 스택 Next.js 16(package.json 기준 16.3.5), React 19, Tailwind CSS v4 공식 정보 작업 4단계 Map → Observe → Build → Compare 공식 정보 라이선스 MIT 공식 정보 3. 사전 준...
Windows 11에서 AI Website Cloner 설치하기: PowerShell부터 웹사이트 실행까지 작성 기준일: 2026년 10월 16일 이번 가이드에서는 Windows 11 PC에서 AI Website Cloner Template 을 직접 설치하고 실행하는 과정을 설명합니다. 설치 과정은 다음 순서로 진행합니다. 전체 설치 순서 PowerShell 실행 Node.js 24 LTS 설치 및 확인 Git 설치 및 확인 프로젝트 다운로드 npm 패키지 설치 프로젝트 검사 AI 코딩 에이전트에서 프로젝트 열기 웹사이트 재구성 및 로컬 실행 1. PowerShell 실행하기 Windows에서 명령어를 입력하려면 PowerShell을 사용합니다. 키보드에서 Windows 키를 누릅니다. 검색창에 PowerShell 을 입력합니다. Windows PowerShell 또는 PowerShell을 실행합니다. 일반적인 개발 도구 설치와 프로젝트 명령 실행에는 관리자 권한이 필요하지 않습니다. 특별한 이유가 없다면 일반 사용자 권한으로 진행하세요. 2. Node.js 설치하기 이 프로젝트는 Node.js 24 이상 을 요구합니다. 기존에 Node.js가 설치되어 있더라도 버전을 먼저 확인해야 합니다. Node.js 공식 다운로드 페이지 에서 Windows용 Node.js 24 LTS 설치 프로그램을 선택합니다. 2-1. 설치 여부 확인 PowerShell에서 다음 명령을 입력합니다. node -v npm -v 정상 확인 기준 node -v : Node.js 버전이 표시됩니다. npm -v : npm 버전이 표시됩니다. Node.js 버전이 24 이상이어야 합니다. Node.js가 설치되어 있지 않거나 버전이 낮다면 공식 다운로드 페이지에서 설치 프로그램을 내려받습니다. 2-2. 설치 프로그램 실행 내려받은 Windows용 .msi 설치 파일을 실...