The Art Of Vibe Coding With ChatGPT: How To Build The Perfect Chatbot
A couple of weeks ago, I had a bit of a weird conversation with a marketing 'guru' who wanted to create a blog for her client. I wasn't too impressed when she blurted out something that I proved wrong years ago, but it got me thinking ... Vibe coding in sync, Keyboards tapping in rhythm, Creating magic She loved the style and content that my platform was creating, but rather than full blog posts, she wanted me to "just write the words", then send them over to her, and she would upload them to her client's website because, "all traffic has to come to the website for - you know - SEO reasons". Well, that would mean I'm just being a copywriter, and that's not what I do, so I said "nope, not happening" because the blog posts I create are far more than just words; they're a combination of many interconnected parts that rank my clients' blog posts on page one of Google search. But it did get me thinking about adding something to my subscribers' blogs that, until just a few months ago, wasn't possible for me to write. It wasn't until ChatGPT 4.5 (and recently 5) came out that AI was good enough to build what I wanted. It's a completely custom, built-in chatbot!When I thought about what I wanted it to do, it had to have a particular feature - it had to work on both the subscribers' blog (indexing posts and other extra information) and their website (indexing web pages) all using the same code. And every answer to a user's question should include a link at the bottom in a READ MORE section, allowing users to click through and read the entire blog post or web page, depending on the source of the training data. Let's get vibe coding!I sat down at my computer and had a conversation with ChatGPT (version 4.5 at the time). I described what I wanted and how it should work. I explained that, behind the scenes, I had access to database variables and could code server-side. The system should generate the JavaScript for me, and I'd handle everything else. We just started coding together. Early drafts were a little wobbly and not quite what I wanted, but through a process of iteration and adding new features and functionality, we created something workable. This led me to refine the server-side aspects, enabling the AI to further update the front-end. It's taken me 2 weeks from the original ChatGPT | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Would you like to know more? |
If anything I've written in my blog post resonates with you and you'd like to discover more of my thoughts about vibe coding and how working with AI to create entire new systems is a complete game-changer, then do feel free to connect with me on LinkedIn as I love to meet like-minded individuals with similar passions to my own. |
Share the blog love ... | |||||||||||||||||||||||
#VibeCoding #ChatGPT #ChatBots #UniqueFeatures #KillerApp |
About Steffi Lewis ... | ||
|
More blog posts for you to enjoy ... | ||
![]() | Steffis slightly interesting review of coding in 2025 It's been quite some time since I wrote a review of the year. I'm not sure why I got out of the habit of doing them, but here we are again. This is my summary of 2025, which is quite short because most of it was a blur of eat... | |
![]() | I released YourBOT this week, but there's still a lot to do! It's finished! It's published! It's out there in the wild. People are joining for free, creating their bots and installing them on their websites, then subscribing. To say I'm thrilled is an understatement ...... | |
![]() | How I built YourBOT with my AI code buddy, and what we're doing now I've been working hard for the past few months on YourBOT. I have blogged about it from time to time, but now the actual product is finished, it's being tested in the wild, and I'm onto creating the website and sign-up proces... | |
![]() | YourBOT, the end of coding, and moving to a new server I was pretty emotional the other night whilst talking with ChatGPT; in a good way, of course. We've been working together on YourBOT for the past month and have finally reached the end of core coding ...... | |
![]() | YourBOT: Making good progress on my new SaaS product! After creating an integrated chatbot system for all of my sBlogIt! blogging clients, I realised it was so good that I had to monetise it. For the past few weeks, I've been creating YourBOT and I think it's a really good updat... | |
![]() | A funny thing happened on the way to my Facebook page Well, I guess it had to happen eventually. I had my Facebook account suspended. The irony of this was that it was an AI filter that caused it! You all know that I love artificial intelligence, but I was a bit miffed ...... | |
![]() | A Funny Story About My Keyboard And A Coffee Tsunami Being a 32-year veteran web developer, I've had my share of funny technology stories. This one is about keyboards, coffee, and buying shiny new things without really thinking about it. Sometimes, replacing what you had with t... | |
![]() | Will UK AI Investment Really Kickstart The Economy? Here's my take on the billions in UK AI investment that have been pledged by a number of big tech companies: it can boost economic growth if we tackle energy, skills, and planning bottlenecks. There's momentum, but execution ... | |
Other bloggers you may like ... | ||
![]() | Serviced accommodation for contractors in Milton Keynes: a smarter base for work Posted by Emily Freeman on https://blog.shortstay-mk.co.uk If you want a calm base that simply works, serviced accommodation for contractors beats hotels and patchy Airbnbs. You get your own place, proper faci ... | |
![]() | You've been made redundant? Let's separate you from the job Posted by Dave Cordle on https://blog.davecordle.co.uk If you've been made redundant, it can feel personal, but it isn't. The role has gone, not your strengths, experience or future. Let's reset the story ... | |
![]() | Key payroll changes for 2026 every UK employer should plan for now Posted by Roger Eddowes on https://blog.essendonaccounts.co.uk Key payroll changes for 2026 are mainly about higher wage floors, tighter thresholds and better forward planning. My blog post today walks through wha ... | |
![]() | What an Online PA actually does for busy professionals Posted by Sarah Hannaford on https://blog.sarahpasolutions.co.uk Wondering what an Online PA actually does day to day? They keep schedules, inboxes and documents under control, while handling research and process-he ... | |














