You may have heard the term “Vibe Coding,” or this might be your first time seeing it. Don’t worry — after reading a few lines, you’ll get it: “Ah! So this is what they call Vibe Coding!”
Create a Convention File first – this gives AI clear guidance. |
Use Cursor AI Agent Mode to generate a full project from a single prompt. |
Use Rollback to easily go back to previous code versions. |
Try Reverse Prompting – let the AI ask questions before coding. |
For small prototypes, Claude 3.7 works great; for bigger projects, Cursor AI is the best. |
Even if AI writes your code, a developer is still needed for maintenance and security |
Simply put, Vibe Coding means letting AI write the code while you provide ideas and prompts. You don’t need to know programming languages — AI handles all the technical details.
The result? Even with zero coding experience, you can create fully functional software. Your focus stays on results and workflow, not code details.
My Experience
I’m not a professional software engineer. I barely know programming syntax. But I have problem-solving skills and can give AI good prompts. That’s enough to start creating.
Recently, I built a custom HTML section for our company website with AI. So I decided to test my “AI coding limit” using Cursor AI.
In this guide, I’ll show how to use Cursor AI and Claude 3.7 for Vibe Coding. Example: I’ll create a WordPress plugin that adds a “questionnaire” widget in Elementor, plus some helpful tips & tricks.
Imagine building a configuration app. A regular coder has to worry about files, folders, database setup — a lot of hassle.
With Cursor AI or Claude, one detailed prompt is enough — AI organizes everything for you.
Step 1: Create a Convention File
A Convention File is a guideline document. It explains coding standards, tech stack, workflow, and how to communicate with AI. AI can even help you write it.
I started with Claude 3.7 because it shows code in real time and (as of April 2025) was one of the best AI coding tools.
I didn’t create a Convention File first. My prompt:
“I need a prototype app where users answer a few questions to find the best AI Agent solution for them.”
Claude worked! It generated the prototype and code.
Problems I faced
Too few questions → results were often similar
Lesson learned: not creating a Convention File first was a mistake!
Even after fixing the prototype, I wasn’t fully satisfied. I added more questions and improved the scoring system.
However, tooltips broke in CSS. That’s where Cursor AI’s Rollback feature helped. I could go back to a previous checkpoint and fix issues. Claude also allowed copying code to a new chat for iteration.
Cursor AI – The Real Hero
Claude got me started, but Cursor AI proved more “professional.”
Why Cursor AI stands out:
Learning Along the Way
Installing the plugin had minor issues (wrong folder structure). Fixing that made the plugin work perfectly.
Adding features like dynamic result numbers broke the front end. A developer friend suggested:
“Set the number of results before adding questions.”
I used a preset mode instead of dynamic mode, and everything worked smoothly.
Reverse Prompting
I also used Reverse Prompting – letting AI ask questions before coding. This uncovered requirements I hadn’t even thought of.
Final Result
The Elementor widget I created with Cursor AI:
Does this mean programmers aren’t needed? Not at all. AI is smart, but when code breaks, a real developer is necessary.
Vibe Coding is excellent for prototypes, MVPs, and small projects. For large-scale projects, security, or long-term maintenance, human developers are essential.
But the joy of building an app with Cursor AI without coding? Unbeatable.
Give AI a good prompt, guide it with a Convention File, and watch the code build itself. Who knows — your next big startup MVP might be created entirely with Cursor AI!