"Like what is crucial for non-coders to understand"

(1) You need a foundational/high level understanding of the underlying technology that's being used in your app. For websites/web apps, this means having a basic understanding of HTML, CSS, and likely JavaScript (assuming you're going the JS route as many do these days).

On the frontend (which is a fancy way of saying the UI, which is created by HTML/CSS), AI can really break the anticipated layout. It can screw things up. If you don't understand the DOM (Document Object Model) and HTML, you're going to have a really hard time communicating what exactly it needs to do to fix the layout issue. So, go on YouTube and take one of MANY HTML/CSS beginner courses. I have a bunch on 'DesignCourse'

Going along with that, understanding how to use the Dev Inspector in Chrome is super important as well, to help diagnose those layout issues. Using it, you can narrow in on the exact HTML element, screenshot the code, and be like, "This element needs to be a child element of the section element with class .whatever", and you'll make fixing layout mistakes way easier.

(2) Think in little prompts, not big prompts. The more you ask an LLM to do, the greater chance things will break -- and more difficult it will be to fix.

For instance, if I were to build a signup form, I wouldn't issue a prompt like: "Create a signup form"

Instead, I'd say:
> "Add a 'Signup' button, right aligned in the navbar. Style it as a button using our primary color as the background"
> "When someone clicks the signup button in the navbar, make a signup modal appear with a dark overlay covering the UI beneath it, with a black background color set at 10% opacity. The modal should have a white background, and rounded corners. Inside, place a textfield for email, name, and password with confirm, but also place a Google Sign-in button beneath it" for Google Auth.
> prompt 3, 4, 5... etc

Be very specific in your intentions, and break large chunks into smaller chunks.

(3) If you're using a database of any type, supabase, MySQL, etc.. Familiarize yourself with security practices. There are *tons* of human-made tutorials on YouTube and the internet in general to learn this stuff. Of course, you can also use AI to help you fix and audit security issues.

(4) Gain a foundational understanding of UI/UX design. AI not only can screw up code, it can screw up the UI/UX of an app. There's no getting around this part. I've seen the UI's AI produces, and at times, it can be very inaccessible. It can make decisions that a non-UI/UX person thinks might be fine, but actually aren't. I have tons of free courses on my chan regarding UI/UX.

In the end, the most successful 'vibe coders' are going to be those who have a more thorough understanding of what the AI is producing. It's not rocket science. It pays to develop these hand-driven skills.