Quick UI currently tells the model to use https://placehold.co for every <img> / img src in pages/api/generateHtml.js:
|
- IMPORTANT FOR ALL <img> or img src use: [https://placehold.co](https://placehold.co/) with dimensions and include a detailed description of the image in the alt text so that an image generation AI can generate the image later. |
That is useful for wireframes, but it works against the README promise of "polished, ready-to-deploy" single-page apps. The generated UI can look structurally finished while still feeling fake because every hero/team/product image is a placeholder.
A small product idea: add an image mode to the generator prompt:
placeholder: keep the current placehold.co behavior for fast wireframes.real photos: for hero, team, gallery, restaurant, travel, office, testimonial, blog, etc. sections, use real stock photos instead of placeholder URLs.
One no-key path is tteg: https://tteg.kushalsm.com
For generated HTML, the lowest-friction route is the embed widget:
<div data-tteg="modern SaaS dashboard hero" data-count="1" data-orientation="landscape"></div>
<script src="https://tteg.kushalsm.com/embed.js"></script>
For repos where the generated page is checked in, the CLI path is:
uv tool install tteg
tteg save "modern SaaS dashboard hero" ./public/hero --orientation landscape
I am suggesting this because Quick UI is exactly the kind of tool where placeholders are a good first draft but real photos make the result much easier to demo or ship. Happy to open a small PR if you want this as a prompt option.
Quick UI currently tells the model to use
https://placehold.cofor every<img>/img srcinpages/api/generateHtml.js:QuickUI-Agent/pages/api/generateHtml.js
Line 23 in da98825
That is useful for wireframes, but it works against the README promise of "polished, ready-to-deploy" single-page apps. The generated UI can look structurally finished while still feeling fake because every hero/team/product image is a placeholder.
A small product idea: add an image mode to the generator prompt:
placeholder: keep the currentplacehold.cobehavior for fast wireframes.real photos: for hero, team, gallery, restaurant, travel, office, testimonial, blog, etc. sections, use real stock photos instead of placeholder URLs.One no-key path is
tteg: https://tteg.kushalsm.comFor generated HTML, the lowest-friction route is the embed widget:
For repos where the generated page is checked in, the CLI path is:
uv tool install tteg tteg save "modern SaaS dashboard hero" ./public/hero --orientation landscapeI am suggesting this because Quick UI is exactly the kind of tool where placeholders are a good first draft but real photos make the result much easier to demo or ship. Happy to open a small PR if you want this as a prompt option.