screenshot-to-html은(는) 무엇을 하나요?
스크린샷을 드롭하면 픽셀 단위로 정확하고 실제로 클릭 가능한 HTML 페이지를 반환받으세요 — Cursor / Claude Code / Codex 에이전트 스킬로, UI 스크린샷을 자체 포함된, 대화형이 검증된 HTML로 재구성합니다.
스크린샷을 드롭하면 실제로 클릭 가능한, 픽셀 단위로 정확한 HTML 페이지를 반환합니다 — Cursor / Claude Code / Codex 에이전트가 UI 스크린샷을 자체 포함된, 대화형이 검증된 HTML로 재구성하는 스킬입니다.
이 스킬은 UI 디자인 스크린샷을 픽셀 단위로 완벽하게 일치하는, 실제로 클릭 가능한 HTML 페이지로 변환합니다. 주로 Cursor, Claude Code, Codex와 같은 AI 코딩 에이전트 환경에서 사용되며, 개발자가 디자인 시안이나 기존 UI의 스크린샷을 제공하면 이를 분석하여 완전한 HTML/CSS/JavaScript 코드를 생성합니다. 생성된 HTML은 단순한 시각적 복제를 넘어, 버튼, 링크, 폼 요소 등이 실제로 작동하는 대화형 페이지로 구현되며, 결과물은 단일 HTML 파일로 자체 포함되어 있어 별도의 의존성 없이 바로 사용할 수 있습니다. 이 스킬을 통해 디자인-개발 간 전환 시간을 극적으로 단축하고, 시각적 피드백을 즉시 실행 가능한 코드로 변환할 수 있습니다.
npx skills add sevzq/screenshot-to-html스크린샷을 드롭하면 픽셀 단위로 정확하고 실제로 클릭 가능한 HTML 페이지를 반환받으세요 — Cursor / Claude Code / Codex 에이전트 스킬로, UI 스크린샷을 자체 포함된, 대화형이 검증된 HTML로 재구성합니다.
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".