domains / families / design / design-with-images

design-with-images

separate

Explore UI and visual design with image generation, then iterate the real implementation against the user-selected concept. Use when brainstorming visual directions, offering mockup variants, or implementing an approved generated design; do not stop at the mockups or the first code approximation.

When to use

• brainstorming visual directions
• offering mockup variants
• implementing an approved generated design
• iterating real implementation against selected concept
• comparing real screenshots to approved reference

When not to use

• stopping at mockups
• stopping at first code approximation
• replacing approved reference with latest code screenshot
• presenting approximation as finished when faithful implementation is impossible

Skill page

Source