웹사이트 복제 (reborn-clone)

맘에 드는 웹사이트 주소 하나로 그 화면을 다시 짓습니다.

npx reborn-clone

클로드 코드를 껐다 켜면 끝입니다. 그다음부터는 그냥 말하면 됩니다 — "이 사이트처럼 만들어 줘 https://…"

터미널에서 바로 재 볼 수도 있습니다:

npx reborn-clone recon https://example.com

무엇을 가져오고 무엇을 안 가져오나

| 가져옵니다 | 안 가져옵니다 | |---|---| | 색 · 글꼴 이름 · 글자크기 · 굵기 · 모서리 반경 · 간격 | 이미지·폰트 파일 | | CSS 변수 · 섹션 뼈대 · 제목 위계 | 로고 · 사진 · 일러스트 | | 레이아웃 구조 · 자산 목록 | 본문 글 · 카피 |

색과 간격은 저작물이 아니고, 남의 사진과 로고와 글은 저작물입니다. 그 선에서 멈춥니다. 만든 화면에는 당신의 로고와 글을 넣으세요. 그래야 쓸 수 있는 물건이 됩니다.

뭐가 나오나

clone/example.com/
  recon.md     사람이 읽는 보고서 — 색 팔레트, 글꼴, 간격 계단, 섹션 뼈대
  recon.json   클로드가 읽는 원본 값

그다음 클로드가 토큰 고정 → 섹션 명세 → 짓기 → 나란히 대조 순으로 화면을 만듭니다. 절차는 스킬 안에 다 적혀 있습니다.

설치 뒤에 스스로 시험합니다

이 설치기는 "파일을 복사했다"로 끝내지 않습니다. 깐 뒤에 정찰기를 실제로 돌려 값이 든 CSS 에서는 색·글꼴을 뽑는지, 빈 CSS 와 주석에서는 0건인지 양방향으로 확인합니다. 한쪽만 맞으면 설치를 실패로 처리합니다.

npx reborn-clone --check

안 되는 것

• CSS 를 자바스크립트로 나중에 붙이는 사이트 — 재 올 CSS 가 화면에 없습니다. recon.md 의 CSS 글자 수가 유난히 작으면 그 경우입니다. 브라우저로 열어야 합니다.
• 로그인 뒤 화면 — 공개된 주소만 읽습니다.
• 애니메이션·인터랙션의 타이밍은 재 오지 못합니다. 정지 화면의 치수까지입니다.

만든 곳

REBORN LABS · MIT. 절차의 뼈대는 @brennanwells_ 의 ai-website-cloner-template 가 보여 준 5단계에서 배웠습니다. 코드를 가져오지 않고 같은 문제를 다시 풀었습니다.