React apps
Use images, design references, and icons in Div-idy
You can attach images to a Div-idy prompt and ask the builder to use them in your React app or as visual references. Tell it which role each image has. Project-card icons and installable-app icons are separate settings.
How do I add an image to a prompt?
Use the image control in the prompt bar, drag an image into the prompt area, or paste a supported image. Wait for its attachment thumbnail before sending. Remove attachments you do not want included.
A photo can become a hero image, product card, profile picture, or gallery item. A screenshot can guide layout, spacing, colors, and visual hierarchy. Say whether Div-idy should place the actual image on the page or only use it to understand the design.
Describe the image’s role in the app
Build a responsive React portfolio for a ceramic artist. Use the attached studio photo in the About section and the three product photos in a filterable gallery. Preserve their proportions, provide descriptive alt text, and open a larger view when a visitor selects a photo.
For an edit, identify what should remain: “Replace only the header image. Keep the form fields, saved data, and page navigation unchanged.” Request a mobile crop explicitly when the important subject is off-center.
Which icon am I changing?
In My Projects, the project’s menu lets you change its card icon. It can offer icon generation when the project has no icon; publishing can also create a missing project icon. This thumbnail identifies the project in your library.
Publishing’s Install as an app section has its own app-icon setting when app distribution is available. That icon is used for the installable app experience. Changing either icon does not replace the photos inside your generated pages.
What should I review after the build?
- Check the intended photo appears and its subject remains visible on narrow screens.
- Check meaningful images have helpful alternative text and readable text overlays.
- Try gallery controls, filters, and larger-image views with a keyboard.
- Use images you have permission to publish and avoid placing private information in reference screenshots.
To let visitors create their own pictures, build an AI image generator. That is a separate app feature with its own AI usage, rather than a prompt attachment.