ai website cloner template 조건부 설치형

|무료

URL 하나를 주면 코딩 에이전트가 그 페이지를 관찰해 Next.js로 다시 짜게 하는 스킬 템플릿

되는 것: 실측(2026-10-31): supabase.com 홈페이지 1장을 명령 한 줄로 약 35분에 복제 — 데스크톱 높이 7691px·섹션 11개 위치가 원본과 같고 빌드 검사 통과
되는 것: Claude Code·Codex CLI·OpenCode·Cursor 지원 — 스킬 하나를 네 에이전트가 같이 읽는다 · MIT
조건: Node.js 24 이상 필요 · 브라우저 도구는 에이전트 쪽에서 따로 연결 · next 16.3.5 고정(16.4.3으로 올려야 함)
조건: 스크립트로 움직이는 효과 일부와 라이트 모드는 복제되지 않았다(실측 남은 차이 5가지)
안 되는 것: robots.txt·이용약관을 확인하는 단계가 지침에 없다 — 판단은 사용자 몫

#웹UI디자인 #업무자동화

2026-10-31 확인 · 실제로 돌려봄 · 검증 환경 L2 실측(2026-10-31, ee3f5a2, 사용기): Arch Linux · Node 26.8.2 · Claude Code(Opus 5.5) · 헤드리스 Chromium — 설치(clone 10초·npm install 625패키지 50초·npm run check 통과 9초) 후 /clone-website 한 줄로 supabase.com 홈 1장 복제, 별도 전역 설치 없음. npm audit: 고정된 next 16.3.5에 critical 3건(원격 코드 실행 GHSA-vcvr-r3jv-pc5j·GHSA-2464-fhr4-w9xw·GHSA-673q-mjm6-r5xr) 포함 33건, next 16.4.3에서 수정 / L1 코드검토: Node 24+ 필수(package.json:27 engines, .nvmrc 24, node:24-alpine) · OS 분기 코드 0건(실행 스크립트 자체가 없음) · Windows(#27)·Linux(#66) 사용 보고 · 코딩 에이전트 필수 — Claude Code(권장, Opus 5.5)·Codex CLI·OpenCode·Cursor(README.md:61-66) · 브라우저 도구는 에이전트 쪽 준비물(SKILL.md:12 'available browser', 헤드리스는 봇 차단에 걸림 #30) · MIT · 템플릿 무료, 비용은 에이전트 구독/토큰

GitHub 지금 · ★ 38,866 · 열린 이슈 12 · 마지막 커밋 21일 전 · 최신 릴리즈 v0.6.1 (35일 전) · 2026-11-09 기준

무엇인가

빈 Next.js 16 프로젝트 안에 /clone-website 스킬이 들어 있는 템플릿이다. 에이전트가 원본 페이지를 데스크톱·모바일로 스크롤하고 메뉴·탭·호버를 눌러 본 뒤, 실제 문구·이미지·폰트를 내려받아 편집 가능한 컴포넌트로 다시 짜고, 같은 크기로 나란히 놓고 눈으로 비교하며 고친다. 실행 코드가 아니라 139줄짜리 작업 지침이라 Claude Code·Codex·Cursor·OpenCode 어디서든 읽힌다.

왜 볼만한가

스크린샷 한 장을 주고 '이렇게 만들어'라고 하면 간격·폰트·반응형·상호작용이 다 빠진다. 이 지침은 무엇을 어떤 순서로 관찰하고 언제 끝났다고 할지를 에이전트에게 정해 준다.

주의할 점

남의 사이트를 내 것처럼 올리면 안 된다. README가 피싱·사칭, 남의 디자인을 내 것처럼 쓰기, 이용약관 위반을 금지 용도로 적었다. 실제로 돌려 보면 원본의 문구·로고·이미지·영상·폰트가 그대로 들어온다(홈페이지 1장에 파일 59개 이상) — 공개하려면 전부 내 것으로 바꿔야 한다
복제본을 인터넷에 올리기 전에 Next.js부터 올린다. 템플릿이 고정한 next 16.3.5에는 원격 코드 실행 취약점(critical) 3건이 있고 16.4.3에서 고쳐졌다(npm audit, 2026-10-31). 템플릿 사본은 보안 수정을 자동으로 받지 않는다
코딩 에이전트(Claude Code 구독 등)와 브라우저 도구가 따로 있어야 돈다. 템플릿은 무료지만 페이지 하나에 하위 에이전트 몫만 약 53만 토큰이 들었다. 명령에 적은 주소만 복제하고, 봇 차단 사이트·애니메이션이 많은 사이트는 실패 보고가 있다

원본 보기 ↗