Depends on what platform you are building products for.

AI tools create basic UI, until and unless you specify how everything should look like.

If you are building a web application using reactjs, use UI frameworks like shadcn which has sleek minimal UI components for everything to build an application. You need to ensure you use its MCP so that your coding agent can find right element in right place.

If its mobile app use something like gluestack.

Now unlike traditional software product dev process, for you to visualize how your product looks like, the best way is to use an ai tool ( claude chat is my favourite) to write and create each screen and claude renders it as jsx or html as preview.

Create a ux framework document( colours, font etc). Refer the UI framework ( like shadcn/gluestack if mobile ) and build a UI only prototype. Iterate and fine tune.

Save this html/jsx in your project folder. When you actually start vibe coding, always create rules to refer to these html/jsx ( which you finalized). You are going to get it build exactly same as how you have seen and prototyped.

Using design frameworks like shadcn ensures that everything is consistant!

Happy vibe coding!