β—† Vibe EngineeringSMIT Β· AI Agentic Engineering English
Class 4 Β· 4.2

YOLO mode mein Kanban app banayein

Ab mazay wala hissa: Cursor ko plan mode mein rakhein, usse build design karne dein, phir YOLO mode mein chhod dein. Agent loop dekhen β€” parhe, soche, likhe, test kare, theek kare β€” aur thodi targeted feedback se natija behtar banayein.

⚑ Maqsad: ek kaam karne wali drag-and-drop app ship karein⏱ Parhai: 9 min

01Plan mode se shuru karein

Agent panel ko chaurha kheinchein — aaj full ja rahe hain. Model auto par chhor dein (Cursor choose kare), phir agent dropdown Plan par set karein. Ab simply type karein:

agent Β· plan mode
go ahead and plan

Kya plan karna hai yeh kehne ki zaroorat nahi — woh agents.md khud context mein load karta hai. Dekhein: parhta hai, sochta hai, aur aik Kanban MVP implementation plan nikalta hai: kai phases (scaffolding, drag-and-drop, cards add karna…), architecture overview, kya out of scope hai, aur execution order.

Context meter dekhein

Agent panel ke neeche hover karein: ek chhota dial dikhta hai jo kitna context window use ho raha hai woh batata hai (misal 6.4%). Woh loaded active rules bhi list karta hai β€” aapka agents.md bhi. Kaam aage barhne ke sath yeh number burhte dekhen.

“Sahi” kaam vs. jo hum karenge

Disciplined move yeh hai ke plan ghaur se parhein aur jahan disagree hon wahan feedback dein. Yeh careful logon ke liye hai — aur shayad aapko bhi yahi karna chahiye. Lekin YOLO mehsoos karne ke liye hum bharosa karenge: plan parhe bina Build daba dein. (Jo kehte hain wohi karein, jo hum kar rahe hain woh nahi.)

02Build dabayein aur loop dekhein

Build dabayein. YOLO mein hone ki wajah se yeh seedha chalu ho jaata hai β€” ek .gitignore, ek frontend directory, har jagah files banti hain. Yeh ek agent ki tareeqa ki definition hai, seedha aap ke saamne: ek LLM loop mein tools ke sath, maqsad ki taraf kaam karta hua.

Parhe & soche Files likhe Tests chalaye Failures dekhe,theek kare jab tak maqsad na mile
Aap literally yeh dekhenge: woh failing test dhundta hai, wapas aata hai, aur theek karta hai β€” baar baar.

Kuch minutes baad woh phases complete declare kar deta hai. Aksar woh app khud bhi launch kar deta hai; kabhi kabhi sirf command print karta hai. Kisi bhi soorat, khud chalane ke liye:

Cursor terminal
$ cd frontend
$ npm run dev
  β–² Next.js β€” ready on http://localhost:3000

localhost:3000 kholen aur woh wahan hai: ek Kanban board β€” Backlog, To Do, In Progress, Review, Done β€” drag handles ke sath. Azmayein: ek card columns ke darmiyan khenchein, card add karein, ek delete karein, column rename karein. Yeh requirements poori karta hai, sirf ek agents.md se bana hai aur aap ki koi feedback nahi.

03Feedback se tez karein

Perfect nahi hoga — shayad aik stray Next.js error, janky drag-and-drop, ya column ke andar reorder na ho. Yahan targeted feedback dein. Aik message, kai fixes:

agent Β· feedback
It’s mostly working nicely, but:
β€’ Next.js shows one error (red symbol, bottom of screen).
β€’ The drag-and-drop is a bit janky, and I can’t reorder
  within a column β€” can this be made more slick?
β€’ It would be nice to have more yellow and purple on screen.

Ise kaam karne dein. Wapas aata hai: purple aur yellow clearly add, interaction slicker, aur column ke andar reorder enabled. (Demo mein stray error poora band nahi hua — reminder ke yeh magic nahi, aap iterate karte rahein.) Look and feel zabardast hai; hamare liye kaafi.

Aapne abhi kya practice kiya

Achhi agents.md likhna, YOLO mein chalana, agent loop dekhna, aur targeted feedback se iterate karna. Yeh IDE mein vibe coding ka core rhythm hai — aur agle hafton ki bunyad.

Agar aapka toot gaya

Bilkul normal. Specific error dein (“buttons click par kuch nahi karte”), ya sab delete karke fresh agents.md se dobara shuru karein jo galati ko cover kare. Simplify karein, phir wapas build karein.

βœ“ Aham baatein

  • Pehle plan: plan mode aapki agents.md se phased implementation plan khud banata hai.
  • YOLO mode mein agent poora loop chalata hai — parhe, likhe, test kare, theek kare — bina approvals.
  • Aapne asal agent dekha: aik LLM jo goal ki taraf loop mein tools chala raha hai.
  • Targeted feedback (“zyada yellow aur purple”, “column ke andar reorder”) se refine hota hai.
  • Imperfect expected hai — iterate karte rahein, ya reset karke simplify karein.