On: Slightly reducing the sloppiness of AI generated front end

[tbreschi]

This is an interesting yet simple approach. To the OP’s original question, how might you abstract this into a “design system” that can be applied to their other projects?

[jjcm → tbreschi]

I have a "brands" system that's exactly for this: https://image.non.io/27e099c5-f0d7-493a-a01f-928d9e42cef5.we...

Once you have a few reference screens, you can generate a brand guidelines image, which is a visual reference of your brand's look and feel: https://image.non.io/1cc2922a-aec6-4e3c-82c9-895974dd599b.we...

From there you just select the brand at generation time. I've found you don't need a design.md or a npm package - simple screenshots are plenty good enough. Here's a prompt for "a landing page for a new satellite connectivity" feature I generated in reddit/netflix/slack's brands: https://image.non.io/b5e23f19-5041-4f87-9b97-0af39986d1b0.we...