A short intro for Zaid · no coding experience needed

You describe it.
It gets built.

That is vibe coding. Pick a prompt below and watch a working thing appear. Every part of this page was made this way, by describing it in plain English.

you → the AI

waiting for a prompt…

the result
your app appears here

      

    


    
These four demos are pre-built and stored inside this file. No AI is called when you tap, which is why this page costs nothing to host.

  






  
  

    

      

        
01 · The idea

        
You are the one with the idea. The AI is the one with the keyboard.

        
You say what you want in normal words. Something gets written. You open it, use it, and say what is wrong. Repeat. That loop is the whole job.

      


      

        

          Option A
          
AI as an advisor

          
You chat in a browser tab. It hands you code. You copy it into a file and try to make it run.

          
Feels like: asking a programmer for advice, then doing the work yourself.

        

        

          Option B
          
AI as a worker

          
You use a tool that can see your project. It creates files, edits them, runs commands and fixes its own errors.

          
Feels like: handing a task to a programmer and letting them finish it.

        

      

      
A chat window alone cannot touch your computer. It needs permission, or a tool built for the job. That is the difference between the two.

    

  


  
  

    

      

        
02 · The loop

        
Four steps, forever

        
Tap a step to see what it means and what happens if you skip it.

      


      

        
        
        
        
      


      

        
Describe

        
One feature at a time, in plain language. “A page where I add what I spent and see the total.” You do not need the right words. You need a clear picture.

        
Skip it and: you get something generic, then spend twice as long explaining what you actually meant.

      

    

  


  
  

    

      

        
03 · The skill

        
Same task. Two prompts. Very different results.

        
This is the one thing worth practising. Vague in, vague out. Specific in, something you can actually use.

      


      

        

          
Vague

          
make a todo app

          

            
Todo

            
    
              
  • Item 1
    • 
              
  • Item 2
    • 
              
  • Item 3
    • 
            

            
It works. Technically. Nothing to click, nothing saved, nothing styled.

          

        


        

          
Specific

          
Make a single-page todo list for my own use. Each task has a checkbox. When I tick one, strike it through. Show "nothing yet" when the list is empty. Save to the browser so it survives a refresh. Plain, calm, lots of white space so it reads well on my phone.

          

            
✓Renew passport

            
✓Call the clinic

            
✓Buy kopi

            
tap a row → it updates

          

        

      


      

        
Your turn

        
Write a prompt for something you would actually use. Watch the checklist.

        
        
    
          
  • ✓Says what the thing is (page, tracker, list, calculator)
    • 
          
  • ✓Says how it should look or how it is laid out
    • 
          
  • ✓Says what happens when there is nothing there yet
    • 
          
  • ✓Says what it must remember or keep
    • 
        

        
0 of 4

        
No AI here. This box only reads your words and checks for the things a good prompt tends to have. It cannot understand your idea.

      

    

  


  
  

    

      

        
04 · The part nobody warns you about

        
It will be confident, and it will be wrong

        
AI writes code the way a confident person gives directions: fluently, and sometimes completely incorrectly. Two real ones. Spot the bug before you tap.

      


      

        

        

      


      

        
Passwords and API keys

        
Customer or staff data

        
Card and bank details

        
Anything under NDA

      

      
Your job is not to write the code. Your job is to test the thing, ask “what happens if this is empty?”, and read a change that touches money or other people's information. No errors on screen does not mean correct.

    

  


  
  

    

      

        
05 · If you want to make money from a game

        
You can build it in a weekend. Getting players is the real job.

        
Vibe coding made building cheap. It did not make being found cheap. Play with the numbers below before you spend a sen. These are guesses you can change, not a forecast.

      


      

        

          

          

          

          
More settings (where you sell, paid ads)
            

              

            

          

        

        

          
Money from players

          
Store or processor cut

          
Ad spend (assumes RM 2 per install)

          
Fees and AI tools (3 months)

          

          

        

      


      
What it costs to publish a game

        
ThingCostDo you need it?

        
Cloudflare Pages hostingFreeNo. A web game is one file.

        
itch.io listingFreeFastest place to get first players.

        
Google Play developer accountUS$25 onceOnly for an Android app.

        
Apple Developer ProgramUS$99 a yearOnly for an iPhone app.

        
Steam Direct feeUS$100 per gameOnly for a PC release.

        
AI assistant (ChatGPT, Claude, Cursor)About US$20 a monthFree tiers work to start.

        
Domain nameAbout US$10 a yearNice to have, not needed.

      

      
Prices change. Check each store before paying. Ringgit figures use roughly RM 4.2 to US$1.


      

        
Honest bit
Most games earn close to nothing
Stores hold millions of games. Slide the first bar to 500 and see the result. Players do not arrive because the code is good.

        
Cheapest test
Ship a tiny web game first
One HTML file, on itch.io, shared in groups where your players already are. If nobody plays it free, an app store will not fix that.

      

    

  


  
  

    

      

        
06 · Tonight

        
Four steps. One road. Do not open four tabs.

        
Your ticks are saved in this browser, so you can come back to this page later.

      


      

        

          
        

        

          
        

        

          
        

        

          
        

      


      

        0 of 4 done