AI Template Design generator

[maximus]

Hello y'll,

I so happy introduce technical template for ai generate templates on Tailwind from ProcessWire fields.

How to work:

• Select templates you want to design interfaces for
• Copy the generated JSON structure
• Ask AI to "Create a Tailwind CSS design for displaying this ProcessWire data"
• Specify any preferences like: mobile-first, card layout, table layout, etc.
• Push button "Copy Prompt"
• Insert prompt to Claude AI, ChatGPT or another ai services.

How to Setup:

• Use ftp for transfer lego.php to template folder
• On ProcessWire create template with same name.
• Create new page with select template.
• Enjoy.

Note:

• It is not always possible to generate a template from the first time, but by debugging you can make even more or less excellent variants.
• On example screenshot finish page with adjusting elements, blocks on Tailwind.

If you have questions or wishes ask me below.

Thank you.

UPDs:

• 04/14 Update prompt

lego.php

[maximus]

i update prompt, it should be generating better now.

[maximus]

New version, added Stats & Page Structure Hierarchy.

How to install:

1. Create template (like lego.php) with name lego
2. Create page /lego_1234/ with select template
3. Open your path in browser

lego.php

Demo:

[szabesz]

Hello @maximus Thanks for sharing! I will certainly give it a shot.
Side note: the guys at LEGO "can get furious" when someone else uses their trademark in a way they consider inappropriate. As long as it is for something personal, that should be legally fine. I am not a lawyer, but letting us download your file in a forum post like this should be considered to be "for personal purposes". If you were to turn it into a "product" then that would be a different matter.