Claude Agent SDK 기반의 오픈소스 멀티에이전트 시스템. 스크린샷 도구와 달리 실제 코드(DOM, 스타일, 컴포넌트, 인터랙션)를 추출합니다.
실제 DOM에서 픽셀 퍼펙트 추출 — 마음에 드는 페이지를 발견하고, 클론하고, 출시하세요.
격리된 샌드박스에서 40개 이상의 에이전트 도구 — 신뢰할 수 있는 기반.
최신 기술 스택으로 구축
스크린샷 추측이 아닌 실제 코드 추출을 통한 픽셀 퍼펙트 클로닝.
이미지에서 추측하는 대신 실제 DOM, CSS, 코드 구조를 추출합니다. 픽셀 퍼펙트하고 유지보수 가능한 출력을 얻으세요.
전문화된 에이전트가 병렬로 작업 — DOM 구조, 스타일 분석, 컴포넌트 감지, 코드 생성 에이전트.
10개 카테고리에 걸친 포괄적인 툴킷: 파일 작업, 브라우저 자동화, 실시간 미리보기, 진단, 자가 복구.
브레이크포인트와 유연한 단위가 보존됩니다. 클론은 모든 화면 크기에서 자동으로 작동합니다.
호버 효과, 트랜지션, 애니메이션 — 모두 캡처하여 재생성합니다. 클론에 생명을 불어넣습니다.
React, Next.js, Vue 또는 TailwindCSS가 포함된 일반 HTML로 내보내기. 선호하는 스택을 사용하세요.
각 에이전트가 웹 추출과 코드 생성의 특정 측면을 담당하며 병렬로 협력합니다.
시맨틱 HTML, 계층 구조, 컴포넌트 경계를 포함한 완전한 문서 구조를 추출합니다.
계산된 스타일, CSS 변수, 브레이크포인트, 테마 토큰을 캡처하여 정확한 스타일링을 구현합니다.
재사용 가능한 패턴을 식별하고 모듈식이며 유지보수 가능한 컴포넌트 코드를 출력합니다.
모든 데이터를 종합하여 적절한 명명 규칙과 모범 사례로 프로덕션 준비된 깔끔한 코드를 생성합니다.
완전한 웹 추출 기능을 위한 10개 카테고리에 걸친 포괄적인 툴킷.
전체 파일 시스템 액세스로 프로젝트 파일 읽기, 쓰기, 관리.
정확한 DOM 추출을 위한 Playwright 기반 브라우저 제어.
핫 리로드를 지원하는 생성된 코드의 실시간 미리보기.
신뢰할 수 있는 추출을 위한 자동 오류 감지 및 복구.
Perfect Web Clone에 대해 알아야 할 모든 것.