[0:00]Guys, agar main aap logo se kahun ki market mein ek aisa AI tool agaya hai jo ki aap logo ke liye designing karega, apps banayega and finally aap log us AI tool se aapko deploy bhi kar payenge, to aap bologe isme koi badi baat nahi hai.
[0:10]Aaj kal ye AI ke through easily doable hai. Lekin Replit ke Agent 4 ne jo kiya, woh kafi impressive hai and iske kuch features mujhe game changing lage. Especially the fact that aap log parallelly agents ke through alag alag designs bana sakte hain.
[0:24]Fir yahan par aap logon ko infinite canvas milta hai jispe aap log designing kar sakte hain. Toh aaj ke is video mein hum log Replit Agent 4 ka use karke ek app banayenge.
[0:32]Aur ye dekhenge ki us app ko kitna ideation se reality tak hum la paye. Fir uske baad hum log ye discuss karenge kya ye ek aisa AI tool hai jo ki web developers ko khatam kar dega.
[0:40]Spoiler alert iska answer hai NO aur main discuss karunga towards the end of this video. But ye tool aap logo ke liye kitna useful hone wala hai aur kab-kab aapko use karna chahiye, ye kafi important rahega.
[0:51]Toh uske liye aap log mujhe sunke jaana. I am really excited to show this to all of you. Chalte hain computer screen mein and main aap logo ko dikhata hun ki Replit Agent 4 ne kis tarah se apne purane agent pe improve kiya.
[1:01]And ye bhi aap logo ko bataunga ki quickly aap log kis tarah se iske through bina coding ke istemal karke prototypes bana sakte hain. Toh chalte hain computer screen mein and let's get started.
[1:10]Alright guys, so main aa chuka hun apni computer screen ke andar aur sabse pehla kaam jo main karunga woh karunga apne Replit account mein login. Aur replit.com par jaakar agar aapke paas account nahi hai to aap log account bana lena.
[1:21]Warna aap login kar lena yaar. Mere paas to already account hai to login hi to karunga. Login karunga by Google.
[1:27]Aur yahan par maine login kar liya hai. Two-factor authentication, very very important. Aur yahan par maine notification ko hit kar diya is phone mein.
[1:37]Aur aap dekh sakte ho ki main login ho chuka hun. Toh yahan par aap dekho Replit ki website pe upar Agent 4 likha hua hai.
[1:45]Ab main aap logo ko batana chahta hun ki basically naya yahan par kya hai? Ye kya aisa lekar aaye hain jo ki worth discussing hai? Sabse pehle to ek infinite canvas ye aapko deta hai.
[1:54]Main aapko batata hun infinite canvas se kya hota hai. Aap basically ek infinite canvas pe apna design banwa sakte ho.
[2:00]For example, maan lo mujhe yahan par ek app banani hai jo ki mere employees ko manage karne ke liye hogi. Toh main yahan par likh sakta hun, "Create an employee management app for a company that helps to track leaves, ongoing, pending and done tasks.
[2:20]Be creative and surprise me. Create three design directions on the canvas. Number one hoga Glassmorphic. Number two hoga Professional. Aur number three hoga Funky."
[2:37]Bahut hi basic sa mera prompt hai aur main aap logo ko ek baat batana chahta hun isko main pehle go kar deta hun. But main aapko ye bhi bata deta hun ki plan agar aap karoge to aap isko easily plan kar paoge aur agar aap log plan mode ko enable karoge to plan mein changes kar sakte ho uske baad aapki app thodi better banegi.
[2:49]But abhi ke liye main isko go karunga aur ye chal raha hai jitni der mein main aap logo ko ye batana chahta hun jitna achha prompt doge utni achhi app banegi, jitna badhiya se describe karoge utna badhiya app banegi. Ye prompt bahut hi basic prompt hai.
[3:04]Actually ye prompt maine diya hi isiliye hai ki main chahta hun ki ye creative ho aur ye mujhe surprise kare, ye khud se banakar de mujhe cheezon ko. But in most of the cases aapke paas use case samne hota hai aur aap logo ko pata hota hai ki aapki requirement kya hai aur kis tarah ki app aap banwana chahte ho AI se.
[3:13]Main yahan par Agent 4 nahi bolunga, main AI bolunga, kisi bhi tarah ki AI se. Yahan par Agent 4 ne dekho kaam karna shuru kar diya hai. Toh yahan par aap dekho, ye bol raha hai ki main teen tarah ke distinct design directions canvas pe banaunga, ek Glassmorphic, ek Professional aur ek Funky.
[3:26]Aur ye bata raha hai ki bhai Glassmorphic jo hai, Frosted Glass Panels ki tarah hoga, dusra main banaunga Professional aur teesra banaunga Funky. Ab aap apni keyboard mein Ctrl dabakar mouse wheel se zoom out karoge to aap dekho ye teen alag alag design directions pe kaam kar raha hai.
[3:45]Ek Glassmorphic bana raha hai, Professional bana raha hai, Funky bana raha hai. Ab ek aisa insaan jisko coding nahi aati hai, ye karna impossible tha. Matlab woh soch bhi nahi sakta hai ki woh ye kar payega agar uske paas employees na ho. Matlab basically agar ek company hai, unke paas 50 log hain employed to haan bol sakte hain sabko ki tum alag alag 50 designs pe kaam karo.
[4:00]But hum baat kar rahe hain yahan par ek bahut badi company ki. Aaj ki taareekh mein AI ki sahayata se, Agent 4 ki sahayata se koi bhi insaan apne ghar pe baithe teen designs ko parallelly explore kar sakta hai.
[4:09]Haan, iska ek caveat hai, woh hai ki aapke credits jaayenge, aap AI credits mein kafi pay karenge, uske baare mein main end mein baat karunga video ke. But again, possible to hai na. Pehle to paise dekar bhi possible nahi tha, aaj ye possible hai.
[4:22]Ab yahan par ek cheez jo mujhe iske baare mein bahut badhiya lagti hai woh ye hai ki ye time bachata hai, jo ki sabse zyada important cheez hoti hai bade logo ke liye, un logo ke liye jo ki badi companies chala rahe hain fir coding nahi jaante hain, ya fir unka coding se koi lena dena nahi hai, jaise ki real estate developers.
[4:36]Unke paas bahut paisa hota hai, lekin woh chahte hain ki woh real estate par hi focus karein. Woh nahi chahte ki yaar main ek software team baithau ye sab karne ke liye. Kyunki ye sab shayad hi woh kabhi kabhi karenge. Software team baitha di to unko monthly paise dene padenge, manage karna padega, computers dene padenge.
[4:50]Unko pata bhi nahi hai bhai kya hota hai 50-90, kya hota hai 50-70. GPU kya hota hai, CPU kya hota hai. Uske liye fir ek other se IT admin hire karo. Woh nahi chahiye unko.
[5:00]Woh aa sakte hain Replit par, Agent 4 ko cheeze bol sakte hain aur yahan par teen alag alag design directions jo hai explore hongi. Toh ye achha to lag raha hai sunne mein bahut aur hai bhi, hai bhi kafi had tak hai.
[5:08]Main jaanta hun aise logo ko jo ki personally is tarah ke tools ko aur specifically Replit ko use karte hain apne prototypes banane ke liye. But ek baat main aap logo ko ye batana chahta hun ki iske kuch caveats hain jo ki main quickly abhi aapko bata deta hun.
[5:20]Ek to thoda sa time ye zyada lega, aapka time jaayega. But utna bhi nahi jaayega, aap ek coffee peekar aaoge, ye ready hoga. Dusra AI credits hai ki haan bhai thodi si paise aapko lagenge is mein Replit ki koi galti nahi hai.
[5:32]Is duniya mein kisi ki koi galti nahi hai, kisi bhi tarah ka tool use karoge, paise lagenge hi lagenge. In fact, main to ye bolta hun ki Replit Agent 4 kafi optimized hai.
[5:40]Ye internally alag alag AI models ka istemal karta hai smartly. Powerful model tabhi use karega jab aapka koi powerful feature banana hai to. Toh yahan par ye abhi bhi building dikha raha hai, ye working dikha raha hai, dekho thoda time lagta hai. Main iske finish hone ka wait karta hun aur fir main vapas aaunga.
[5:51]Alright, yahan par isne kaam kafi jaldi kar diya hai to yahan par dekhte hain ki isne kya kya banaya hai. Sabse pehla mera design jo ki Glassmorphic tha jo ki mujhe chahiye bhi tha to be honest.
[6:01]Aapko kuch is tarah se aapka employee management panel milega. Itne employees hain aapke, aaj leave par kitne hain, kitne tasks hain, kitne pending approvals hain, ye sab aap logo ko ek jagah bataya ja raha hai. Team members aapke samne hai, tasks hai, leave tracker hai, bahut badhiya.
[6:14]Dusra wala jo hamara design hai, woh bhi kafi similar hai, but thoda sa changed hai woh. Aap Ctrl dabakar mouse wheel se navigate kar sakte hain is infinite canvas pe. Very very nice. Badhiya.
[6:27]Ab ye funky wala mujhe achha lag raha hai dekhne mein. But I'll go with this Glassmorphic one. Toh main yahan par kya karunga? Mujhe ye achha lag raha hai to main isko bolunga ki make it more transparent and Glassmorphic. It should look good overall.
[6:48]Aur main yahan par enter karunga, in fact yahan par click karna hoga mujhe. Aur aap dekho ki ye prompt chala gaya hai is particular design ke liye aur ab ye is design par kaam karna start kar dega. Toh main wait karunga aur dekhta hun ki ye kya present karta hai mere samne.
[7:00]Ab yahan par jaise ki aap log dekh sakte ho ki isne isko aur Glassmorphic bana diya. Very very nice. Ab main aapko batata hun ki kaise aap log iske individual elements ko change kar sakte ho.
[7:09]Aapko ye dikh raha hai? Yahan par aap click karo aur iske individual elements ko aap log change kar sakte ho. Let's say ki main chahta hun ki ye jo button hai mera task wala, iska main background change karun. Toh main kya karunga iske background color ko yahan se change kar sakta hun. Toh main yahan click karunga.
[7:22]Iske background color ko let's say main white karna chahta hun, kuch is tarah se. Aur main yahan par let's say save changes karunga aur iske border color ko bhi let's say main change karna chahta hun to main iske border color ko bhi change kar sakta hun, theek hai. Toh ye saare kaam aap log kar sakte hain.
[7:35]Ab save changes main karunga aur aap dekho ye already Glassmorphic design hai to kuch cheeze jo iski hain woh iske background par depend kar rahi hain to isliye bahut achhe se exact color mujhe nahi dikh raha hai. But again, main yahan se tweaks kar sakta hun, ye apne aap mein ek bahut badi baat hai. Aap dekho yahan par maine kuch is tarah se change kiya, save changes kiya.
[7:54]Aur aap dekho kafi kuch main change kar sakta hun. Maan lo ki main is particular, is particular div ko change karna chahta hun aur iska alignment change karna chahta hun ya fir iske font weight ko change karna chahta hun, ye sab cheeze main kar sakta hun. Theek hai?
[8:06]Yahan par let's say main click karta hun to iske saath ke saare divs bhi change ho jayenge. Jaise ki maan lo main isko bold karu. Yahan par main isko bold karta hun, theek hai. Toh dekho ye saare bold ho gaye aur main iske color ko bhi let's say ya fir font size ko bhi change karna chahta hun to ye sab main kar sakta hun, theek hai.
[8:21]Ye saari cheeze doable hain. Ab yahan par text color ko hum white kar dete hain, kyuki black achha nahi lag raha hai. Aur is tarah ke chhote mote tweaks aap log kar sakte hain. Theek hai. Ye dekho ye change ho gaya. Bahut badhiya. Achha lag raha hai abhi, theek hai.
[8:33]Ab hum kya karenge? Yahan par isko band kar denge aur yahan build par click karenge. Ab yahan par dekho option dikh raha hai Build this design. Main yahan par click karunga aur jaise hi main yahan par click karunga Build this design par.
[8:42]Main basically isko ek fully functional app mein bana sakta hun jo ki ye abhi bana bhi raha hai. Ab yahan par beauty agent ki ye hai ki aap parallelly alag alag task kara sakte ho. Yahan par mera main task ho raha hai jo ki mera main version hai.
[8:54]Ek baar mera main version kaam kar jata hai to main kya kar sakta hun? Teen aur iske versions bana sakta hun parallelly aur yahan par main ye bol sakta hun ki bhai sahab mujhe karwana hai let's say ye kaam, fir ye kaam, fir ye kaam.
[9:04]Toh hoga yahan par kya ki main teen alag alag kaam karwa sakta hun apne agent se woh bhi parallelly at a time. Toh is cheez ko main aap logo ko dikhaunga ek baar yahan par hamara ye main version ready ho jaye. Ab dekho behind the scenes ye coding ko hi use karta hai.
[9:17]Yahan par dekho, four actions par click karunga to dekho isne PNPM chalaya, database ko ready kiya, postgre database create kiya. Toh agar aapko coding aati hai to aap king hain. Main ye nahi keh raha hun ki aapko coding agar aati hai to woh waste hai.
[9:30]Ye sab bhi coding se hi bana hai. Matlab aapko main ye baat end mein bataunga towards the end of the video. But yahan par code gen done, now launching front-end generation immediately and writing DB schema plus API routes. Ab dekho ye saare kaam ye kar raha hai. Aapko dekhne ki zarurat hai nahi agar aap logo ko coding nahi aati hai ya fir aap agar nahi dekhna chahte.
[9:49]But ye finally aapko karke de dega. Ab yahan par aap dekh sakte ho ki ye complete ho chuka hai, bol raha hai front-end generated, the package install timed out. Let me run it and start the app. Okay, let's wait for it. Ab ye keh raha hai app is serving.
[10:00]Let me check for any browser console errors. Ab yahan par iske browser mein dekho error aa gaya khud ba khud ye fix bhi kar raha hai. Alright, to ye kafi badhiya dikh rahi hai. Kaam kar rahi hai ki nahi ye bhi dekh lete hain, aap dekho ek naya task hum log jo hai add kar sakte hain. Ab again aapko jo hai isko jo hai testing karni padegi, theek hai.
[10:15]Aisa nahi hai ki ye bilkul chal jaayega, chalne ki guarantee hai. Nahi bhai, ye AI se bani hui cheez hai to aapko iski jo hai yahan par testing karni padegi. Filhaal jitni maine testing kari hai chal rahi hai jaise ki aap log dekh sakte ho. Theek hai. Ab main aap logo ko Replit Agent 4 ke features ko highlight karte hue cheezon ko batata hun.
[10:31]Aap yahan par naya task bana sakte ho. Aap yahan par isko bol sakte ho, "I need a navbar." "I need a blue navbar." Ab ye bahut hi basic si cheez hai, aap obviously kuch bade features describe karoge, jaise ye kar do, ye kar do, ye kar do, woh kar do. Main yahan par, "I need a blue and red navbar" bol raha hun.
[10:57]Bahut hi basic sa feature maine bola. Main thoda advanced feature bhi bol sakta tha. Aur main apne main version pe aake kaam kar sakta hun. Matlab mere main version ko kuch nahi hua. Ye do log parallelly kaam kar rahe hain. Log bol raha hun, agent hain, vaise ye, theek hai. Ye do agent parallelly kaam kar rahe hain. Lekin mera jo main version hai, us par main kaam karunga. Woh mera main version hai.
[11:15]Jab tak main merge nahi karunga is wale version ko is mein, matlab main mein tab tak ye changes accept nahi honge, theek hai. Ab aap yahan par dekho main vapas se aa chuka hun apne main version mein, aap logo ko kuch cheeze batata hun.
[11:27]Agar aap plan mode enable karte ho to aapka code change nahi hota hai, yani ki aapki jo app hai woh change nahi hoti hai. Agar main yahan par plus par click karu to dekho main ek file upload kar sakta hun, Figma design upload kar sakta hun.
[11:38]Create something new par click karke main ek spreadsheet aur slide bhi bana sakta hun, jaise ki main isko bolun, "Create a slide." Main bolunga, "Create a slide deck to pitch this to investor for a seed funding. We will sell it as a software as a service." Theek hai. Ab ek baat bata dun, ye as a SaaS nahi bikne wala, theek hai. Main bata raha hun, bahut hi simple si cheez hai.
[12:01]Koi bhi aake Replit Agent 4 par bana sakta hai, but agar aapne isko bahut achhe se improvise kiya, aapne apne designs banaye is par bahut saara research ki then why not? You can try it, theek hai, you can try it out. Aap arguably ye bhi bol sakte ho ki Instagram ko wipe code kiya ja sakta hai.
[12:15]Aap arguably ye bhi bol sakte ho Facebook ko, Google Search ko wipe code kiya ja sakta hai. Haan Google Search ko, theek hai, but obviously kuch cheeze aisi hain jo ki sirf wipe coding bolna mazak ho jayega unko, theek hai. But again, maine isko yahan par bola aur ye yahan par ek slide deck bana dega, ye mera point hai.
[12:31]Thoda time lega but aapko slide deck ye banakar dega. And in the meantime main yahan par aa sakta hun aur bol dekh sakta hun ki bhai mera red navbar kaisa dikh raha hai, theek hai. I can see the navbar is part of the layout component. Let me create a task to make it red. Theek hai. Ab dekhte hain yahan par ki isne kaam kiya ki nahi kiya.
[12:46]Isne basically kya kiya hai? Ek plan propose kiya hai. Abhi isne kaam pura nahi kiya hai, plan propose kiya hai. Agar main isko bolunga, "Go ahead and do it," tab ye karega. Same for blue navbar. Isne bhi yahan par dekho ek plan propose kiya hai.
[12:59]Main start building pe click karunga, build hona shuru ho jayega, main abhi nahi karna chahta. Theek hai. Main vapas aaunga apne main version mein aur apne slide deck ko dekhunga, kaisa chal raha hai kaam yahan par. Badhiya kaam chal raha hai yaar, do slides ban gayi hain, kuch hua nahi hai, but again mujhe poori ummeed hai ki achha ho jayega.
[13:11]Ab jitni der mein ye ho raha hai, main iska wait karunga aur aap logo ko yahan par main dikhana chahta hun ki agar aap log plus par click karein aur create something new par click karein, to aap log yahan par design bana sakte hain. Iska mobile version bana sakte hain, basically ek app bana sakte hain aap.
[13:23]Aap data visualization bana sakte hain, even animation bhi bana sakte hain aap. Aur usi ke saath saath aap log yahan par click karke is app ke specific elements ko change kar sakte hain. Abhi to main yahan par slide bana raha hun, but again jab aap app banayenge to specific component ko aap click karke edit karwa sakte hain.
[13:40]Usi ke saath saath main aap logo ko yahan par batana chahta hun ki aap "Use a skill" pe jaake koi bhi ek skill use kar sakte hain. Ab skill ke baare mein main aapko batata hun kya hoti hai. AI jo hota hai, usko kayi cheeze nahi maloom hoti hain.
[13:49]Jaise agar aap AI ko bolo ki jaake database se data utha lo to shayad us database ke baare mein AI ko nahi pata. Toh aap ek "skill.md" file banate hain jismein us specific database ko use karne ki techniques likhi hoti hain. AI usko aur aapke prompt ko lekar kaam karna shuru kar deta hai.
[14:04]Toh is tarah se aap log alag alag tarah ki skills use kar sakte hain aur ye ek tarah se as an additional context aapke prompt ke saath chala jata hai. Itna hi hota hai aur I hope ki aap logo ko samajh mein aa raha hai ki kaise aap log ye sab cheeze kar sakte ho.
[14:15]Ab ye slide deck ready ho jayega to main aapko dikhaunga. But main aap logo se baat karna chahta hun ki kis tarah se isko use karna hai aur kya ye ant hai development ka?
[14:24]Toh yaar sabse pehle main simple answer deta hun simple question ka, ye development ka ant nahi hai. Ye in fact ek aisi cheez hai jisko use karke aap log multiple prototypes bana sakte ho.
[14:35]Aur multiple prototypes ko banakar aap un apps ko chun sakte ho jo aapko sense banaye, jo aapke higher management ne approve karein. Jaise ki pehle agar mujhe prototype banana hota tha to do din lagte the. Abhi main do minute mein bana sakta hun.
[14:44]Aur 10 minute mein main paanch prototypes bana sakta hun. Aur ho sakta hai ki teen char ghante mein main 50 prototyes bana dun aur unko main forward kar dun as an idea ki bhai dekho mere dimag mein ye idea tha, maine isko kiya hai, aapko kaisa lagta hai.
[14:55]Toh agar aap log AI ko aise dekhoge ki ye apki speed badha raha hai, apki productivity badha raha hai to definitely aapko kafi fayda dega AI. Lekin agar aap aise sochoge AI ko ki yaar ye to meri job le lega, ye to main karta tha pehle.
[15:06]Aap kya sirf prototype banate the? Kya aapke paas apna dimag nahi hai ki aap ek badi app nahi bana sakte, ek complex app nahi bana sakte jahan AI hallucinate kare? Agar aapke paas utna dimag hai to aap AI ko use karoge apne workflow mein.
[15:18]Aur is tarah ke tools ko use karoge apne ideas ko present karne ke liye. Jaise ki agar main bolun ki yaar ek app banate hain jismein ye hoga, woh hoga, aise hoga. Main apne investor ko app ka prototype banakar dikha sakta hun aur uske baad main is app ko bana sakta hun React mein, Next.js mein, Postgres mein, AWS par host kar sakta hun.
[15:35]But yahan par main directly upar publish button par click karke isko publish kar sakta hun. Ye dekho yahan par aap ek publish button diya hua hai, is par click karke main apni app ko publish kar sakta hun jo ki huge hai. Aapko ye ek link generate karke deta hai jisse ki aap apni app ko share bhi kar sakte ho.
[15:49]Kya Replit production apps banata hai? Haan, ek had tak banata hai. Kya ye aisi app banata hai ki aapko coding ki zarurat hi na pade? Nahi. Ek limit mein aapke users badh gaye na to uske baad aapko zarurat padegi developers ki.
[16:00]Managers ki. Managers matlab jo manage karenge is app ko, woh developers honge, database ka ek alag banda hoga, front-end ka ek alag banda hoga, back-end ka ek alag banda hoga, Node.js ka expert alag hoga, Python ka expert alag hoga, ho sakta hai koi Cron jobs chalata ho. To ye sab cheeze aap logo ko karni padengi.
[16:15]Ab aate hain apni slide deck par jo ki thoda sa time le raha hai banne mein, but jaane se pehle aap logo ko dikhakar jaunga. Toh ye hai hamari slide deck jo ki isne bana di hai. Aap dekh sakte ho kitni badhiya hi lag rahi hai. Slide deck is amazing. Toh ye tha Replit ka Agent 4. I hope ki aap logo ko maza aaya is video mein.
[16:30]Aap logo ka kya kehna hai Replit ke Agent 4 ke baare mein? Mujhe niche comment section mein zarur batao. I hope ki aap logo ko aaj kuch naya seekhne ko zarur mila hoga. Thank you so much guys for watching this video and I will see you next time.
