website-cloner
✓특수 하위 에이전트를 사용하여 픽셀 수준의 충실도로 웹사이트를 복제하기 위한 에이전트 워크플로우입니다. 사용자가 웹사이트를 복제/복사/복제하고 싶거나, 기존 사이트를 기반으로 랜딩 페이지를 만들고 싶거나, 웹사이트 디자인을 추출하여 다시 만들고 싶을 때 사용하세요. 슬래시 명령, 4개의 특수 하위 에이전트(스크린샷터, 추출기, 클로너, qa-reviewer)를 통한 오케스트레이션을 포함하고 Tailwind CSS 및 모션 애니메이션이 포함된 React 구성 요소를 출력합니다.
SKILL.md
Clone any website with pixel-perfect fidelity using an orchestrated multi-agent workflow.
Run /agents in Claude Code and create these 4 agents. For each, select "Generate with Claude" and provide the description.
| website-screenshotter | Captures comprehensive screenshots (full-page, sections, components, hover states) | | website-extractor | Downloads assets to public/, extracts colors, typography, spacing, animations | | website-cloner | Implements React component with Tailwind + motion, auto-detects project type |
특수 하위 에이전트를 사용하여 픽셀 수준의 충실도로 웹사이트를 복제하기 위한 에이전트 워크플로우입니다. 사용자가 웹사이트를 복제/복사/복제하고 싶거나, 기존 사이트를 기반으로 랜딩 페이지를 만들고 싶거나, 웹사이트 디자인을 추출하여 다시 만들고 싶을 때 사용하세요. 슬래시 명령, 4개의 특수 하위 에이전트(스크린샷터, 추출기, 클로너, qa-reviewer)를 통한 오케스트레이션을 포함하고 Tailwind CSS 및 모션 애니메이션이 포함된 React 구성 요소를 출력합니다. 출처: horuz-ai/claude-plugins.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/horuz-ai/claude-plugins --skill website-cloner- 카테고리
- >_생산성
- 인증됨
- ✓
- 최초 등록
- 2026-02-15
- 업데이트
- 2026-02-18
빠른 답변
website-cloner이란?
특수 하위 에이전트를 사용하여 픽셀 수준의 충실도로 웹사이트를 복제하기 위한 에이전트 워크플로우입니다. 사용자가 웹사이트를 복제/복사/복제하고 싶거나, 기존 사이트를 기반으로 랜딩 페이지를 만들고 싶거나, 웹사이트 디자인을 추출하여 다시 만들고 싶을 때 사용하세요. 슬래시 명령, 4개의 특수 하위 에이전트(스크린샷터, 추출기, 클로너, qa-reviewer)를 통한 오케스트레이션을 포함하고 Tailwind CSS 및 모션 애니메이션이 포함된 React 구성 요소를 출력합니다. 출처: horuz-ai/claude-plugins.
website-cloner 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/horuz-ai/claude-plugins --skill website-cloner 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/horuz-ai/claude-plugins
상세
- 카테고리
- >_생산성
- 출처
- skills.sh
- 최초 등록
- 2026-02-15