픽셀 퍼펙트 웹사이트 클론 스킬은(는) 무엇을 하나요?
OpenCLI, Browser Harness, 스크린샷, 픽셀 차이 비교(Pixel Diff), 리뷰어 에이전트 QA를 활용한 픽셀 퍼펙트 웹사이트 클로닝을 위한 Codex 스킬입니다.
OpenCLI, Browser Harness, 스크린샷, 픽셀 차이 비교, 리뷰어 에이전트 QA를 활용한 픽셀 퍼펙트 웹사이트 클로닝을 위한 Codex 스킬입니다.
이 스킬은 주어진 웹사이트를 픽셀 단위까지 완벽하게 복제(클론)하는 것을 목표로 하는 Codex 에이전트 전용 도구입니다. OpenCLI와 Browser Harness를 사용하여 실제 브라우저 환경에서 원본 사이트를 캡처하고, 생성된 클론과의 픽셀 차이(Pixel Diff)를 자동으로 비교하여 시각적 완성도를 보장합니다. 또한 리뷰어 에이전트(Reviewer Agent)가 최종 결과물을 검수하는 QA 파이프라인이 내장되어 있어, 개발자는 수동 비교 작업 없이도 높은 품질의 클론을 얻을 수 있습니다. 주로 Codex 플랫폼에서 사용되며, 정교한 UI 복제가 필요한 프로젝트나 디자인 QA 자동화에 특히 유용합니다.
npx skills add niuniu122/pixel-perfect-website-clone-skillOpenCLI, Browser Harness, 스크린샷, 픽셀 차이 비교(Pixel Diff), 리뷰어 에이전트 QA를 활용한 픽셀 퍼펙트 웹사이트 클로닝을 위한 Codex 스킬입니다.
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".