website-replicator은(는) 무엇을 하나요?
Claude Code 스킬: 모든 프로덕션 웹사이트를 픽셀 단위까지 정확하게 Astro 6 + Tailwind v4로 복제합니다. 11단계, 28개의 문서화된 함정, 병렬 에이전트 디스패치.
개요
Waiel5/website-replicator는 Claude Code의 기능을 확장하여 모든 프로덕션 웹사이트를 Astro 6과 Tailwind v4 기반의 정적 사이트로 정밀하게 복제할 수 있게 해줍니다. 이 스킬은 11단계의 체계적인 프로세스를 따르며, 28개의 일반적인 함정을 문서화하여 사전에 방지하고, 병렬 에이전트 디스패치를 통해 복제 속도를 높입니다.
주요 기능
- 픽셀 단위 정확도: 대상 웹사이트의 모든 시각적 요소를 원본과 동일하게 재현합니다.
- Astro 6 + Tailwind v4: 최신 버전의 Astro와 Tailwind CSS를 사용하여 모던하고 효율적인 코드베이스를 생성합니다.
- 11단계 프로세스: 구조 분석, UI 분해, 스타일 복제, 레이아웃, 인터랙션, 애니메이션, 성능, 접근성, 호환성 등 모든 측면을 다룹니다.
- 28개의 문서화된 함정: 일반적인 실수와 복잡한 문제를 피할 수 있도록 상세한 가이드를 제공합니다.
- 병렬 에이전트 디스패치: 여러 작업을 동시에 처리하여 전체 복제 시간을 단축합니다.
사용 방법
Claude Code에서 이 스킬을 활성화한 후, 복제하려는 웹사이트의 URL을 제공하기만 하면 됩니다. 스킬이 자동으로 11단계 프로세스를 시작합니다.
요구 사항
- Claude Code 환경
- Node.js 18 이상
- Astro 6 및 Tailwind v4에 대한 기본 지식
지원
문제가 발생하면 문서화된 함정 목록을 참조하거나 이슈를 제출하세요.