photo-to-layout-css-updater
Converts a provided reference photo into updated HTML/CSS (responsive desktop + mobile) that re-styles and re-structures an existing web template to match the photo while preserving original HTML structure and JavaScript behavior. Triggers: upload reference image + existing HTML file or paste HTML, request responsive CSS updates, ask to keep JS intact.
Skill Installation
Install this skill using skillscokac CLI tool
Installation command
npx skillscokac -i photo-to-layout-css-updaterRemoval command
npx skillscokac -r photo-to-layout-css-updaterUsage
After installation, run /photo-to-layout-css-updater in Claude Code
Prerequisite: Node.js must be installed on your system to run this command.
💡 Copy and run this command in your terminal to install the skill
Loading file viewer...