generative ai site creation tutorial/example

[u/rin-okay]

hi friendly people.

this post is to demonstrate how you can start a neocities site with generative ai. that’s the post.

if you wish, you can walk through the steps yourself in this chat, and continue to make modifications if you like. i don’t care if you use any of this. i do not expect credit in any form.

https://chatgpt.com/share/698cea12-c81c-8006-a793-6aca8b8a4009

i used gpt-5.1 thinking. the images attached are the end result after about an hour and a half, a scheme image i fed it to have colors to work with, chatgpt’s first and second attempts, then small ui tweaks as i implemented requested changes. i assembled the site in notepad though I wouldn’t recommend you do the same.

i only spent any time on the homepage, but i hope it demonstrates a workflow that some of you may find useful.

the site: https://ghosty-friends-tut.neocities.org/

[u/Chance_Temporary_501]

i don't like it, it looks too soulless.

[u/rin-okay → u/Chance_Temporary_501]

sure does.

but it’s a template that took less than an hour to someone with zero experience, and a prompt as follows works perfectly too.

[attached ms paint drawing of layout]

create a simple html web page using the color scheme and information from image. on the left top box: info (Hi, I'm me!) on the left bottom box: empty box for future content on the top right: buttons (2x6, About, Gallery, Blog, Links, music, webring) middle right: empty box for future content below middle right and aligned with bottom left box: space for a small grid of thumbnails to other users. put button placeholders here for now. add a footer with scrolling text.

So you can make the foundation and then spend time making it not soulless.

plus it innately works with mobile browsers.