본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

boyang-hu/website-rebuild-skill

JavaScript0 / 0

AI 에이전트가 웹사이트를 역설계하여 원본과 기능·시각적으로 1:1 일치하는 소스 코드를 재구축하는 자동화 스킬.

TL;DR

website-rebuild-skill은 AI 에이전트가 웹사이트를 단순 복제하는 것을 넘어, 원본의 동작 로직을 완벽하게 재구축하도록 돕는 도구다. 대상 사이트를 읽기 전용 스냅샷으로 저장한 뒤, 코드 역설계와 5단계 자동 검증(콘솔·네트워크·DOM·기하·픽셀)을 거쳐 원본과 동일하게 동작하는 소스 코드를 생성한다. 특히 RSC나 WebGL처럼 복잡한 기술 스택도 flight 스트림 분석과 렌더링 검증으로 대응하며, 최종 결과물은 사람이 유지보수 가능한 독립적인 프로젝트 형태를 띤다. 단순 스크래핑과 달리 검증 가능한 등가성을 제공하므로, 웹사이트의 구조를 학습하거나 특정 기능을 안전하게 재현해야 하는 개발자에게 유용하다.

핵심 포인트

  • 단순 긁어오기(Scraping)가 아닌, 원본 사이트의 동작 원리를 역설계하여 1:1로 재구축하는 AI 에이전트용 스킬이다.
  • 콘솔, 네트워크, DOM, 기하학적 구조, 픽셀 단위까지 5단계 자동 검증을 통해 원본과 복제본의 기능적·시각적 일치성을 보장한다.
  • RSC(React Server Components) 및 WebGL 기반의 복잡한 사이트도 flight 스트림 분석과 렌더링 검증을 통해 재구축이 가능하다.
  • 모든 단계에서 원본 소스 코드와의 추적성을 유지하며, 최종적으로 사람이 읽고 수정 가능한 독립 실행형 프로젝트로 결과물을 제공한다.

벤치마크

벤치마크지표비교
Hashgraph VC응답 바이트 일치166/166Codex 런타임 환경에서 측정
EIGHT DESIGN라우팅 렌더링 일치115/115Next.js App Router 기반 사이트
Lusion픽셀 차이(meanAbsDiff)0.00WebGL 엔진 기반 사이트

544

STARS

115

FORKS

+213

TRENDING

0

조회수

watchers 544open issues 0MIT License

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.