If you have reusable components it should be quite easy for you to add it yourself. Its okay to code by hand, especially when doing frontend.

When comes to frontend work, the handmade UX designed by a professional will always outperform whats made by an llm.

Sure its 10x slower, but you'll get 20x more usere because it will obvious it was made with care (if done well, and you should learn to do it well). Its the same reason handmade clothing, watches and other luxery items speak to us more, sometimes its marketing but often times its the craft.

There's a reason why all the companies selling the idea that web dev is dead, like lovable, still hire designers with 50k retainers to do their landing pages.

I think this is a good example of "AI tools are not as good as users think they are". If you're having problems with AI tools not checking to see if a component already exists, then they're not ready for prime-time on your codebase. The solution isn't to stop caring whether or not you're using reusable components, the solution is just to acknowledge (regretfully!) that AI coding is not good enough to meet an appropriate quality standard without more supervision than you've been able to use it with in the past.

Start by adding more descriptions to the help and documentation docs of the components. Create an index. Forbid the llm to use any other component than on that list. Let another llm review the work. Forbid it to make custom html.

Then every time it tries to do so ask it why it didn’t use one of the ones from the list. Update the list with more ifthenusethis texts. Also negatives, if such then use y instead.