shot-to-web
Turn a UI screenshot, mockup or Figma export into working web code - single-file HTML/CSS (plain or Tailwind), React (Vite/Next.js), Vue 3 or Svelte - matching the RENDERED result through a render-compare-refine loop. Use for "스크린샷을 HTML로", "이미지 디자인을 웹페이지로 복제", "시안 코드로 만들어줘", "React/Vue/Svelte로 변환", "screenshot to HTML", "image to React", "clone this design", "recreate this page from the image".
Pinned to revision cb2330c1f074, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/shot-to-web/SKILL.md
- skills/shot-to-web/references/interaction-states.md
- skills/shot-to-web/references/stack-setup.md
Every link opens the file at its source, pinned to the revision this page describes.