Turn a reference image or mockup into a working local frontend that matches it closely. Inspects the image, extracts the design system (layout, type, spacing, color, components), implements it, then screenshot-compares and iterates to close the gap. Use when the user says "image to code", "build this mockup", "code this screenshot", "make this design real", or provides a UI image to implement. Part of the Product Design set. Uses a browser tool for screenshot verification.
$npx -y skills add dkeken/codex-skills-alternative --skill design-image-to-codeInstalls into the current project.
Run `npx skills use "https://github.com/dkeken/codex-skills-alternative" --skill "dkeken/codex-skills-alternative/design-image-to-code"` and follow the generated skill instructions now. Read its complete output, redirecting it to a temporary file first if necessary. Resolve relative paths from the supporting-files directory it provides.
Use the skills in "https://github.com/dkeken/codex-skills-alternative" that are relevant to the current task. Run `npx skills add "https://github.com/dkeken/codex-skills-alternative"` and select the relevant skills, then follow their instructions.