Vibe Coding - Getting started / First Steps

Olivio Sarikas · Beginner ·🧠 Large Language Models ·1y ago

Key Takeaways

The video introduces Vibe Coding, a method of using AI to build software and apps, and explores various tools and examples for getting started, including 3GS, Kor, Clot AI, and Bolt AI.

Full Transcript

the future is happening right now and you need to be part of that hello my friends and how are you doing today I want to talk about the question what the duck is WIP coding because you need to get on that right now now if you think coding is boring I can't code that is exactly the point of this because WIP coding means that you use a i to write the code for you and because llm is getting better and better every week every day this is really something you can do to create a software an app a web app a product that could build your future so let's have a look on the different tools that can be used here but also on examples on how this can look so here for example you have video games that have been created with 3GS and corser to create these kind of like clones of ideas but that's okay because you have to start somewhere coming up with new ideas is hard so creating a clone to figure out different ideas how to work with the code playing around with ideas and then coming up with new stuff and innovating that of course is a super important part as you can see they look amazing they look really beautiful so you can do a lot with that without knowing how to code and by spending maybe just minutes to create that stuff so let's look at some applications you can use for that so first like I said let's look at 3GS now what this is is something that you you can use to represent your 3D Graphics doesn't have to be 3D Graphics can also be 2D you see here on their website there is a lot of different examples you can click on them to open them up you see this is loading and you can also download these demos so that's interesting they also run in your browser with webg which is a good way to get people to try out the different things you have built just host it somewhere and then people can access that so this is a very useful and free tool that you can download to run your game in that is very very useful now the next thing that is very popular in the WIP coding Community right now is Kor as you can see this is an AI code editor that you can download and install on your computer and then you can use AI to write the code improve the code help you find good solutions for that all of that is pretty easy you just describe what you want to have and and then AI is building it for you but if you want to stick with applications you already know of course clot AI is very popular for WIP coding to write the code for you inside of the llm chat but of course also chat GPD can do that which will have also this coding view which is really beautiful not just because it separates the chat from the code but it also highlights and color codes the different parts of the code making it very easy to understand so here for example I asked to write Tetris in Python you can download that file it will explain here in the chat how to get everything to run and then you can play Tetris and even adjust it through the chat in whatever you want to have in that game now the cool thing also as you can see down here is you can use the voice mode so you can just talk to the AI you don't even need to type anything and it will build you the game you want to have now there's of course other Solutions you can use for that for example bolt AI is one of them this is specifically built for apps you describe what kind of app you want to have and bold AI is building the app for you this is pretty amazing and there is a very similar solution to that that is called lovable this you should also try out so compare the two on what works better for you and see how this can help you as you can see here you can just run what you want to have and also upload attachments and this can then build the solutions for you as an app very amazing of course there's other projects out there like vzo from versal and here let's go back here real quick this is only a project you can see here you can discover different apps and the cool thing here is you can look through these projects that have already been built so here we have for example a financial dashboard that is functional as it says here you can look at it you can try it out and the cool thing as you can see here is there is 6,700 Forks of that which means they are basically copies so you can use that project you see here open in v0 so you can adapt that for your own purposes so you already have a starting ground from an idea and then improve it in any way you want that is a super good starting point and a great inspiration for different projects also out there is wind surf as you can see again this is an editor that you can download to your computer and then AI is helping you to write the code and improve the code very very amazing now before you jump into WIP coding I want to tell you two things that are pretty important one thing you will hear a lot of people talk about shovel Weare and slop and all these kind of things that is not a problem that is actually a benefit because when new things happen they always happen in a way where we first copy old ideas to experiment with them and we need this as a sediment for Innovation so go out there copy your favorite game try to recreate it with the code and then find new Solutions innovate on that and maybe through that you will find the goose that is laying a golden egg for you and creating an amazing game that people will love in the future this is the time to get started with this and there there's already a huge Vibe coding Community but another thing you need to know about is because you're probably not a coder don't go into the deep hot Waters where you can get burned and hurt especially when it comes to data security so don't build something that collects user data or payment data or stuff like that because there's a high chance if your code isn't super safe you might get hacked and when you get hacked you don't understand what is going on so you might want to stay away from that just experiment with ideas and when the idea looks good get some people on board get some Solutions on board that are safe that are secure and that will give you a fundament where you can build a business around that because like I said right now is the time to use these Technologies to build something really amazing let me know in the comments what you think about why coding if youve tried something like that if you want to see more about that on my channel and also leave a like if you enjoyed this video thanks for watching and see you soon bye [Music]

Original Description

Vibe Coding - Get started NOW! First Steps. Vibe Coding is happening right now and you need to try it. Use AI to build any app and write any software you can come up with. Don't get left behind by the AI revoultion. Build something that will last. #### Links from my Video #### https://threejs.org/ https://www.cursor.com/ https://claude.ai https://chatgpt.com/ https://bolt.new/ https://lovable.dev/ https://v0.dev/ https://codeium.com/windsurf https://x.com/iamarkdev/status/1902131862421836120 https://x.com/DabsMalone/status/1901133521550242272 #### Join and Support me #### Buy me a Coffee: https://www.buymeacoffee.com/oliviotutorials Join my Facebook Group: https://www.facebook.com/groups/theairevolution Joint my Discord Group: https://discord.gg/XKAk7GUzAW AI Newsletter: https://oliviotutorials.podia.com/newsletter Support me on Patreon: https://www.patreon.com/sarikas
Watch on YouTube ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Playlist

Uploads from Olivio Sarikas · Olivio Sarikas · 0 of 60

← Previous Next →
1 Remove breathing sound from your audio recording // Audacity
Remove breathing sound from your audio recording // Audacity
Olivio Sarikas
2 Noise Removal for Audio Recordings - fast & easy // Audacity
Noise Removal for Audio Recordings - fast & easy // Audacity
Olivio Sarikas
3 In the Bazar - NI Maschine Audio Sketch
In the Bazar - NI Maschine Audio Sketch
Olivio Sarikas
4 Submarine Concerto - NI Maschine Audio Sketch
Submarine Concerto - NI Maschine Audio Sketch
Olivio Sarikas
5 Affinity Photo - Creating a Photo Font
Affinity Photo - Creating a Photo Font
Olivio Sarikas
6 Affinity Photo - Rusty Metal Font Tutorial
Affinity Photo - Rusty Metal Font Tutorial
Olivio Sarikas
7 Affinity Photo - How to remove things from a photo
Affinity Photo - How to remove things from a photo
Olivio Sarikas
8 Affinity Photo - How to replace a Sky
Affinity Photo - How to replace a Sky
Olivio Sarikas
9 Affinity Photo - How to put Patterns on Clothing
Affinity Photo - How to put Patterns on Clothing
Olivio Sarikas
10 Affinity Photo - Vintage Look Tutorial
Affinity Photo - Vintage Look Tutorial
Olivio Sarikas
11 Affinity Photo - Photo Letter Font Tutorial
Affinity Photo - Photo Letter Font Tutorial
Olivio Sarikas
12 Affinity Photo - Print Ready Tutorial
Affinity Photo - Print Ready Tutorial
Olivio Sarikas
13 Affinity Photo - Grunge Maps Tutorial
Affinity Photo - Grunge Maps Tutorial
Olivio Sarikas
14 Affinity Photo - White Teeth Tutorial
Affinity Photo - White Teeth Tutorial
Olivio Sarikas
15 Affinity Photo - Frequency Separation Tutorial
Affinity Photo - Frequency Separation Tutorial
Olivio Sarikas
16 Affinity Photo - Double Exposure Tutorial
Affinity Photo - Double Exposure Tutorial
Olivio Sarikas
17 Affinity Photo - 5 Tricks for better Pics
Affinity Photo - 5 Tricks for better Pics
Olivio Sarikas
18 Affinity Photo - Realistic Fog
Affinity Photo - Realistic Fog
Olivio Sarikas
19 Affinity Photo - How to Match Color
Affinity Photo - How to Match Color
Olivio Sarikas
20 Bokeh Balls Trick - Affinity Photo Tutorial
Bokeh Balls Trick - Affinity Photo Tutorial
Olivio Sarikas
21 Affinity Photo - Remove Fog, Smog, Haze and Dust
Affinity Photo - Remove Fog, Smog, Haze and Dust
Olivio Sarikas
22 Affinity Photo - Orange & Teal Look
Affinity Photo - Orange & Teal Look
Olivio Sarikas
23 Affinity Photo - 5 MORE Tricks for better Pics
Affinity Photo - 5 MORE Tricks for better Pics
Olivio Sarikas
24 Affinity Photo - World in a Light Bulb
Affinity Photo - World in a Light Bulb
Olivio Sarikas
25 Affinity Photo - Watercolor Effect
Affinity Photo - Watercolor Effect
Olivio Sarikas
26 Affinity Photo - 5 Tricks for better Composition
Affinity Photo - 5 Tricks for better Composition
Olivio Sarikas
27 Affinity Photo - Fur Text Tutorial
Affinity Photo - Fur Text Tutorial
Olivio Sarikas
28 Affinity Photo - Skin Color & Tan
Affinity Photo - Skin Color & Tan
Olivio Sarikas
29 Affinity Photo - Oil Paint Look Tutorial
Affinity Photo - Oil Paint Look Tutorial
Olivio Sarikas
30 Histogram explained EASY & FUN - Affinity Photo Beginner Tutorial
Histogram explained EASY & FUN - Affinity Photo Beginner Tutorial
Olivio Sarikas
31 Affinity Photo - Text in Perspective
Affinity Photo - Text in Perspective
Olivio Sarikas
32 Affinity Photo - Dramatic Sky Colors
Affinity Photo - Dramatic Sky Colors
Olivio Sarikas
33 Why Black & White Photography is amazing!
Why Black & White Photography is amazing!
Olivio Sarikas
34 Affinity Photo - Stunning Black & White Photos
Affinity Photo - Stunning Black & White Photos
Olivio Sarikas
35 Affinity Photo - 5 Filters for Landscape Photography
Affinity Photo - 5 Filters for Landscape Photography
Olivio Sarikas
36 Affinity Photo - Remove Shadows EASY
Affinity Photo - Remove Shadows EASY
Olivio Sarikas
37 Let's Talk - Where we go from here :)
Let's Talk - Where we go from here :)
Olivio Sarikas
38 Affinity Photo - Realistic Image on a Screen
Affinity Photo - Realistic Image on a Screen
Olivio Sarikas
39 Affinity Photo - 4 Perspective Tools explained
Affinity Photo - 4 Perspective Tools explained
Olivio Sarikas
40 Affinity Photo - 3D Text Effect
Affinity Photo - 3D Text Effect
Olivio Sarikas
41 Affinity Photo - Tilt Shift done right
Affinity Photo - Tilt Shift done right
Olivio Sarikas
42 Affinity Photo - Blur Filters Explained - Part 01
Affinity Photo - Blur Filters Explained - Part 01
Olivio Sarikas
43 Affinity Photo - Design Project: Enigma Lounge
Affinity Photo - Design Project: Enigma Lounge
Olivio Sarikas
44 Affinity Photo - Fake Colorized Look
Affinity Photo - Fake Colorized Look
Olivio Sarikas
45 Affinity Photo - Tiny Planet Tutorial
Affinity Photo - Tiny Planet Tutorial
Olivio Sarikas
46 Affinity Photo - Change Day to Night - Tutorial
Affinity Photo - Change Day to Night - Tutorial
Olivio Sarikas
47 Affinity Photo - Neon Text Tutorial
Affinity Photo - Neon Text Tutorial
Olivio Sarikas
48 Affinity Photo - Wood-burn Effect
Affinity Photo - Wood-burn Effect
Olivio Sarikas
49 Affinity Photo - NEON Portrait Look
Affinity Photo - NEON Portrait Look
Olivio Sarikas
50 Affinity Photo - Angel Wings Tutorial
Affinity Photo - Angel Wings Tutorial
Olivio Sarikas
51 Affinity Photo - Remove any Logo
Affinity Photo - Remove any Logo
Olivio Sarikas
52 Affinity Photo - Portrait Design - SUPER EASY!
Affinity Photo - Portrait Design - SUPER EASY!
Olivio Sarikas
53 Affinity Photo - Make a Planet
Affinity Photo - Make a Planet
Olivio Sarikas
54 Affinity Photo - Brushes Explained
Affinity Photo - Brushes Explained
Olivio Sarikas
55 Affinity Photo - Design your own Brushes
Affinity Photo - Design your own Brushes
Olivio Sarikas
56 Affinity Photo - Flame Soccer Tutorial
Affinity Photo - Flame Soccer Tutorial
Olivio Sarikas
57 Affinity Photo - How to save a bad Shooting
Affinity Photo - How to save a bad Shooting
Olivio Sarikas
58 Behind the Scenes - Special Episode
Behind the Scenes - Special Episode
Olivio Sarikas
59 Affinity Photo - Cyber Demon Tutorial
Affinity Photo - Cyber Demon Tutorial
Olivio Sarikas
60 Affinity Photo - Red Riding Hood Project EP 03
Affinity Photo - Red Riding Hood Project EP 03
Olivio Sarikas

The video introduces Vibe Coding and explores various tools and examples for getting started with AI-powered coding. It covers the basics of Vibe Coding, including the use of AI to write and improve code, and provides examples of tools and projects that can be used to build software and apps.

Key Takeaways
  1. Explore 3GS and its capabilities
  2. Download and install Kor
  3. Try out Clot AI and Bolt AI
  4. Experiment with different tools and projects
  5. Start building your own app or software with Vibe Coding
💡 Vibe Coding allows non-coders to build software and apps using AI-powered coding tools, making it accessible to a wider range of people.

Related AI Lessons

10 ChatGPT Prompts for Job Seekers: Resumes, Interviews & Career Growth
Learn how to leverage ChatGPT for job searching, resume building, and career growth with 10 actionable prompts
Medium · ChatGPT
Lost in Transcription: The Week the Machine Started Lying
Learn how Whisper AI transcription can be flawed and understand the importance of validation in AI-generated text
Medium · AI
How We Translate 300-Page Books Using Claude Without Hitting Token Limits
Learn how to translate long documents using Claude without hitting token limits by breaking them into overlapping chunks
Dev.to · 龚旭东
Building HITL Feedback RAG: Embeddings, Retrieval, and Reranking
Learn to build a Human-in-the-Loop (HITL) Feedback RAG system using embeddings, retrieval, and reranking to improve model performance
Medium · AI
Up next
5 Levels of AI Agents - From Simple LLM Calls to Multi-Agent Systems
Dave Ebbelaar (LLM Eng)
Watch →