domains / families / design / img-to-frontend

img-to-frontend

separate

Use when the user wants an end-to-end premium visual design workflow for any type of website or web page created directly from images.

When to use

Create several distinct website or page concepts before coding.
Turn an image or generated design into a real frontend page.
Produce a detailed prompt another coding agent can use to build a design.
Replicate a screenshot as real HTML/CSS/React rather than as an image.
Iterate on visual details like spacing, scale, typography, media treatment, visual systems, component alignment, interaction states, or responsive breakpoints.

When not to use

Ordinary business-logic changes
Backend features
Simple copy edits
Design critique that will not lead to generated images, a detailed implementation prompt, or frontend code

Source

Repository	Path
am-will/codex-skills	`skills/img-to-frontend/SKILL.md`