webcloner은(는) 무엇을 하나요?
Claude Code를 위한 웹사이트 시각적 클로닝 스킬 — 6단계 프로세스: 정찰, 기초 구축, 섹션별 명세, 병렬 빌드, 조립, 스크린샷 QA.
Claude Code를 위한 웹사이트 시각적 클로닝 스킬 — 6단계 프로세스: 정찰, 기초 구축, 섹션별 명세, 병렬 빌드, 조립, 스크린샷 QA.
이 스킬은 Claude Code에서 웹사이트의 시각적 외관을 정확하게 복제(클로닝)할 수 있도록 설계된 6단계 워크플로우를 제공합니다. '정찰(Recon)' 단계에서는 원본 웹사이트의 구조와 스타일을 분석하고, '기초 구축(Foundation)' 단계에서는 기본 HTML/CSS 프레임워크를 설정합니다. '섹션별 명세(Spec per Section)' 단계에서는 각 섹션의 세부 레이아웃과 스타일을 문서화하고, '병렬 빌드(Parallel Build)' 단계에서는 여러 섹션을 동시에 구현하여 효율성을 극대화합니다. 최종적으로 '조립(Assembly)' 단계에서 모든 섹션을 통합하고, '스크린샷 QA(Screenshot QA)' 단계에서 생성된 스크린샷을 비교하여 시각적 일관성을 검증합니다. 이 스킬은 특히 Claude Code 환경에서 사용되며, 복잡한 웹사이트를 빠르고 정확하게 복제해야 하는 개발자와 디자이너에게 유용합니다.
npx skills add veyralabsgroup/webclonerClaude Code를 위한 웹사이트 시각적 클로닝 스킬 — 6단계 프로세스: 정찰, 기초 구축, 섹션별 명세, 병렬 빌드, 조립, 스크린샷 QA.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".