26/11/2024

Promptin AI to produce tailwind code

Well, have you moved away from twitter ? me, not yet, I have opened a bluesky account, but still find extremely relevant info on twitter, especially reports of amazing apps built with AI.

So, having a coming simple web design project to implement, I was trying a few things. Statamic, as a WordPress replacement, is one of them. and Tailwind would be my css library of choice. And, well, Claude AI, why not, could give a hint. And not just a hint, it seems.

Claude AI is in fact extremely powerful at producing well structure html pages. I did compare the generated code with CHAT GPT, which does behave nice too. Claude AI seems more code oriented as it understands it's a nice feature to display a page preview and suggest download of the html page, while Chat GPT produces raw code that you will copy to your note pad.

Overall , claude ai generated code seems more polished , almost professional when it comes out of the oven. Then I tried BOLT, and first try was -almost- the right one , moreover it can open in stackblitz in a matter of seconds.

Example number 2 with nice hero section and submnue icons

To top