I got excited about “clean HTML code” in the title and then realised this outputs tailwind. Any chance of a pure CSS version?
I'll try to add a settings panel in the UI as well.
I'd suggest modifying the prompt to something like:
- Use CSS 'display: grid;' for most UI elements
- Use CSS grid justify and align properties to place items inside grid elements
- Use padding to separate elements from their children elements
- Use gap to to separate elements from their sibling elements
- Avoid using margin at all
To produce modern-looking HTML without wrapper elements, floats, clearfixes or other hacks.