Image To Code

OpenAIOfficial

Implement a selected image, screenshot, mockup, or Image Gen reference as a faithful, responsive frontend.

Install

npx skills add openai/plugins --skill image-to-code

npx skills add openai/plugins --skill image-to-code -a claude-code -g

npx skills add openai/plugins --skill image-to-code -a codex -g

gemini skills install https://github.com/openai/plugins.git --path plugins/product-design/skills/image-to-code

gh skill install openai/plugins image-to-code

git clone --depth 1 https://github.com/openai/plugins /tmp/openai__plugins
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/openai__plugins/plugins/product-design/skills/image-to-code ~/.claude/skills/image-to-code   # Claude Code
cp -R /tmp/openai__plugins/plugins/product-design/skills/image-to-code ~/.agents/skills/image-to-code   # Codex, Cursor, Gemini CLI, Copilot, OpenCode

Install

Related