단 하나의 명령어로 어떤 웹사이트든 AI 에이전트 군단이 실제 코드로 재구축합니다
요약
특정 URL을 입력하면 AI 에이전트 군단이 웹사이트를 분석하여 실제 Next.js와 Tailwind CSS 코드로 재구축해주는 오픈 소스 도구입니다. 에이전트들이 병렬로 섹션을 빌드하고 시각적 차이를 검증하여 정교한 코드베이스를 생성합니다.
핵심 포인트
- URL 입력 후 명령어 하나로 웹사이트 전체를 코드로 복제
- 디자인 토큰 및 CSS 명세를 기반으로 한 정확한 구현
- 병렬 빌더 에이전트를 활용한 효율적인 작업 프로세스
- Next.js 및 Tailwind CSS 기반의 실제 컴포넌트 생성
- Claude Code, Cursor, Copilot 등 주요 AI 도구와 호환
단 하나의 명령어로 어떤 웹사이트든 AI 에이전트 군단이 실제 코드로 재구축합니다
누군가 이것을 오픈 소스로 공개했고 이미 222.6k★ JCodesMore를 돌파했습니다.
URL을 지정하고 /clone-website 명령어를 실행하면 됩니다.
그러면 실제 팀처럼 작동합니다:
→ 사이트를 조사합니다 - 스크린샷, 디자인 토큰 (design tokens), 모든 호버 (hover) 및 스크롤 상태
→ 추측 없이 실제 계산된 CSS로부터 정확한 명세 (specs)를 작성합니다
→ 섹션당 하나씩, 각각 자신의 git 워크트리 (git worktree)를 가진 병렬 빌더 에이전트 (builder agents)를 가동합니다
→ 이들을 병합하고 원본과 시각적 차이 (visual diff)를 실행합니다
결과물로 깔끔한 next.js + tailwind 코드베이스가 나옵니다 - 스크린샷이 아닌 실제 컴포넌트 (components)입니다.
claude code, cursor, copilot, codex와 함께 작동합니다.
정직한 사용법: Webflow나 WordPress로 만든 본인의 사이트를 재구축하거나, 유실된 소스 코드를 복구하거나, 실제 사이트가 어떻게 만들어졌는지 배우기 위해 분해하는 용도입니다.
(타인의 브랜드를 도용하기 위한 용도가 아닙니다 - 리포지토리 (repo)에도 명시되어 있습니다)
다음 재구축 작업을 하기 전에 이것을 저장해 두세요.
AI 자동 생성 콘텐츠
본 콘텐츠는 X @seelffff (오픈소스/자동화)의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기