Takes a screenshot of any UI and spits out working code in React, Vue, or plain HTML/CSS. It analyzes layout structure, extracts exact colors, matches spacing, and builds component hierarchies that actually make sense. Defaults to React with Tailwind for modern stuff, plain HTML/CSS for simpler pages. The skill is thorough about responsive design and accessibility attributes, which saves you from backtracking later. Honestly most useful when you see a design you want to replicate quickly or need to turn mockups into a starting point without writing boilerplate from scratch. Won't be pixel perfect on complex designs, but it gets you 80% there with clean, deployable code.
npx skills add https://github.com/onewave-ai/claude-skills --skill screenshot-to-code