Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.
Install
npx skills add OneWave-AI/claude-skills --skill screenshot-to-codenpx skills add OneWave-AI/claude-skills --skill screenshot-to-code -a claude-code -gnpx skills add OneWave-AI/claude-skills --skill screenshot-to-code -a codex -ggemini skills install https://github.com/OneWave-AI/claude-skills.git --path screenshot-to-codegh skill install OneWave-AI/claude-skills screenshot-to-codegit clone --depth 1 https://github.com/OneWave-AI/claude-skills /tmp/OneWave-AI__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/OneWave-AI__claude-skills/screenshot-to-code ~/.claude/skills/screenshot-to-code # Claude Code
cp -R /tmp/OneWave-AI__claude-skills/screenshot-to-code ~/.agents/skills/screenshot-to-code # Codex, Cursor, Gemini CLI, Copilot, OpenCode