Vibe Coding: How to Build Anything Using Simple English Prompts

If you're looking to build a SaaS, web app, or even a website without coding knowledge, Cursor is the tool you need. This guide will walk you through the process of Vibe Coding, which means building apps and websites using simple English prompts and Cursor. You don’t need to write complex code, just interact with ChatGPT and Cursor, and you're good to go.

Step 1: Watch the Setup Guide

Before you dive in, make sure you set up Cursor properly to unlock its full potential. Here's a guide by DavidOndrej that explains the best settings for Cursor: Watch the setup guide here.

Step 2: Brainstorm Your Idea with ChatGPT

Once Cursor is set up, the next step is to brainstorm your app idea with ChatGPT. Use ChatGPT to clarify your app's functionality and structure. Here's how:

1. Think about the app you want to build – What will it do?
2. Ask ChatGPT for help with your tech stack and features.

For example, you might ask:

"I want to build a SaaS for goal tracking with user login, a dashboard showing charts, and a settings page. What tech stack should I use?"

Once you get a solid idea, ask ChatGPT to generate a prompt for Cursor that will help you build the app.

Step 3: Set Claude 3.7 Thinking and Send the Prompt to Cursor

Now, you’re ready to send the prompt to Cursor. Before doing that, make sure to select Claude 3.7 Thinking for the best results. This setting improves the quality of the code generation by making Cursor think through the task in more depth. Once Claude 3.7 Thinking is enabled, send your prompt to Cursor. Once you send the prompt, Cursor will generate the code for your app.

Step 4: Send Screenshots and Design Inspirations

To help Cursor understand the exact design you’re going for, you can send screenshots or inspired designs. These will guide Cursor to match the UI and UX style you want. For example, send design inspirations like:

• Neo Pop Web Design
• Gumroad UI

Make sure to include the design name so Cursor can interpret the style you're aiming for. This step ensures Cursor builds your app exactly the way you want it.

You Can Also Build Websites!

Not just apps, Cursor can also help you build websites! If you have a web design screenshot or a style in mind, simply send it to Cursor along with the languages you want to use (e.g., Tailwind for styling). Cursor will generate the code and design for the website based on your prompt.

This makes website building as easy as building a SaaS app, all by just providing a clear prompt and some design references.

• Example: I created a fully functional website from scratch in just 1 hour using Cursor, with only 5 simple prompts and a few design screenshots along with their names. Check it out here: Website built with Cursor

Free Version and Building Your SaaS

• You can use up to 3 free accounts on your PC to build your SaaS app using Cursor.
• If you need more free accounts while building, just let me know. I have a method (which I don’t encourage but can help if your SaaS is still in development) to get more free accounts.

Final Thoughts: Build Anything with the Right Prompts

With Cursor and ChatGPT, you can build anything from simple websites to full-scale SaaS apps. Whether you’re starting with a goal-tracking SaaS, a simple website, or any other project, Cursor allows you to bring your ideas to life without writing complex code. Just focus on creating clear prompts and Cursor will take care of the rest.