Vibe coding me ChatGPT: canvas, Codex dhe ndërtimi i aplikacioneve nga ChatGPT

Mund të bësh vibe coding me ChatGPT në tri mënyra. Kërko në chat një aplikacion të vogël dhe shiheni në canvas; i jep detyra mbi një kodbazë reale Codex, agjentit të kodimit të OpenAI; ose lidh një ndërtues aplikacionesh me AI si Mythex, që ChatGPT të mund të ndërtojë, host-ojë dhe publikojë një aplikacion të plotë me bazë të dhënash. E para është më e shpejta për një mjet me një faqe, e dyta u përshtatet zhvilluesve, e treta të jep një aplikacion live me hyrje dhe të dhëna pa dalë nga ChatGPT.

Ja si funksionon secila, një prompt për secilën dhe ku ndalon. Nëse dëshiron sfondin për termin, lexo çfarë është vibe coding.

Opsioni 1: chat dhe canvas i ChatGPT

Për një mjet të shpejtë, thjesht kërko. ChatGPT shkruan kodin, dhe në canvas mund të shfaqë faqe të thjeshta HTML dhe React, që t'i klikosh dhe të kërkosh ndryshime.

Shkruaj një kalkulator bakshishi me një faqe, me fusha për shumën e faturës, përqindjen e bakshishit (butona për 10, 15, 20 dhe një fushë të personalizuar) dhe numrin e personave. Shfaq bakshishin dhe shumën për person, duke u përditësuar ndërsa shkruaj. Bëje të duket e pastër në telefon.

Mirë për: kalkulatorë, lojëra të thjeshta, drafte faqesh zbarkimi dhe të mësuar. Pyet „shpjegoje këtë skedar sikur të isha i ri në kodim“ dhe do të mësosh shpejt.

Ku ndalon: nuk ka backend. Asgjë që fut nuk ruhet për përdorues të tjerë, nuk ka hyrje, dhe për ta ndarë do të duhej ta kopjosh kodin diku dhe ta host-osh vetë. Në momentin që thua „dhe ruaje që ekipi im ta shohë“, e ke tejkaluar chat-in.

Vibe coding me kopjo-ngjit

Shumë njerëz nisin duke kërkuar kod nga ChatGPT dhe duke e ngjitur në skedarë në kompjuterin e tyre ose në një shërbim hostimi. Funksionon për faqe të vogla statike, por prishet shpejt. Çdo ndryshim do të thotë të gjesh skedarin e duhur, të ngjitësh pjesën e duhur dhe të shpresosh që asgjë tjetër të mos varej nga ajo që zëvendësove. Nëse e kap veten ta bësh këtë më shumë se disa herë, kalo te një nga dy opsionet e mëposhtme.

Opsioni 2: Codex për një kodbazë reale

Codex është agjenti i OpenAI për punë softueri. I jep një detyrë me fjalë të thjeshta, dhe ai punon mbi një repo: lexon kodin, bën ndryshime në disa skedarë, ekzekuton komanda dhe teste, dhe të jep rezultatin për rishikim. OpenAI e ofron në ChatGPT, si mjet komandash dhe si shtesë editori; kontrollo faqen e OpenAI për planet që e përfshijnë dhe limitet aktuale.

Një prompt në formën e detyrës i përshtatet më mirë:

Në këtë repo, shto një buton eksporti CSV në faqen e Porosive. Duhet të eksportojë porositë e filtruara aktualisht me kolonat data, klienti, totali dhe statusi. Shto një test për funksionin e eksportit dhe ekzekuto suitën e testeve.

Mirë për: zhvilluesit dhe themeluesit teknikë me një projekt ekzistues, që duan një agjent që t'u marrë detyra të tëra nga lista. Punon me stack-un dhe konventat e tua.

Çfarë mbetet për ty: ku ekzekutohet aplikacioni, baza e të dhënave, sekretet, deployment-i dhe domain-et. Codex ndryshon kodin; nuk është host.

Codex dhe Mythex së bashku

Codex mund të lidhet edhe me serverë MCP, përfshirë atë të Mythex. Shto https://mcp.mythex.ai/mcp si server MCP të personalizuar në Codex, aprovo qasjen në Mythex, dhe Codex mund të punojë mbi një projekt Mythex në sandbox-in e tij cloud, me pamjen paraprake, bazën e të dhënave dhe publikimin të menaxhuara nga Mythex. Postimi ynë mbi ndërtimin e aplikacioneve Mythex nga Claude, Cursor ose Codex e shpjegon hap pas hapi.

Opsioni 3: ndërto një aplikacion të plotë nga ChatGPT me Mythex

Nëse dëshiron të qëndrosh në një bisedë me ChatGPT dhe të përfundosh me një aplikacion real, të hostuar, lidh Mythex. Mythex punon brenda ChatGPT si aplikacion: ChatGPT i flet veglave të Mythex përmes MCP, protokollit të hapur që lejon asistentët të përdorin vegla të hostuara diku tjetër (çfarë është MCP).

Pasi lidhet, ChatGPT mund të krijojë një projekt Mythex, të shkruajë kodin në një sandbox cloud privat, të nisë një pamje paraprake live, të shtojë një bazë të dhënash dhe depozitim skedarësh, dhe të publikojë aplikacionin në një URL publike. Rezultatet kthehen me një lidhje që hapet për të parë projektin në Mythex.

Si ta lidhësh

1. Në Mythex, hap Cilësimet e llogarisë dhe kopjo adresën MCP.
2. Në ChatGPT, shto Mythex nga cilësimet e aplikacioneve ose lidhësve me atë adresë. Menutë e ChatGPT ndryshojnë herë pas here, kështu që ndiq faqen e ndihmës së OpenAI për shtimin e një aplikacioni nëse emrat nuk përputhen.
3. Hapet një faqe Mythex: hyr dhe zgjidh Lejo qasjen. Nuk ka çelës për të ngjitur.
4. Nis një bisedë dhe përmend Mythex në kërkesën tënde.

Lidhja funksionon në çdo plan Mythex. Veglat e sandbox-it (ndërtimi, pamja paraprake, publikimi) kërkojnë Mythex Pro ($25 në muaj), dhe koha e sandbox-it dhe hostimi vijnë nga kreditë e tua Mythex. Përdorimi yt i ChatGPT mbetet në planin tënd OpenAI.

Një prompt i parë për ta provuar

Përdor Mythex për të ndërtuar për mua një gjurmues aplikimesh pune. Shtoj aplikime me kompaninë, rolin, lidhjen, datën e aplikimit, statusin (aplikuar, intervistë, ofertë, refuzuar) dhe shënime. Shfaq një tabelë sipas statusit ku mund t'i zhvendos kartat, dhe një grafik të thjeshtë të aplikimeve për javë. Ruaje gjithçka në një bazë të dhënash dhe mbroje me hyrje. Nis pamjen paraprake dhe më jep lidhjen.

Pastaj, një ndryshim për mesazh:

Në projektin Mythex, shto një datë kujtese te çdo aplikim dhe thekso kartat ku kujtesa është sot ose e vonuar.

Publiko dhe më dërgo URL-në live.

Mirë për: njerëz që planifikojnë dhe mendojnë në ChatGPT dhe duan rezultatin live, me të dhëna që qëndrojnë, pa mësuar hostimin. Meqenëse është një projekt i zakonshëm Mythex, mund të vazhdosh në chat-in e Mythex në çdo moment.

Cila rrugë i përshtatet asaj që po ndërton

Zakone kërkesash që punojnë me ChatGPT

• Emëro veglën kur dëshiron ta përdorë. „Përdor Mythex për…“ e bën të qartë që kërkesa është për projektin tënd, jo një përgjigje e përgjithshme.
• Një ndryshim për mesazh. Listat e gjata të ndryshimeve prodhojnë lista të gjata efektesh anësore.
• Kërko një plan para hapave të mëdhenj. „Para se të ndryshosh ndonjë gjë, listo çfarë do të ndryshosh dhe prit miratimin tim.“
• Ngjit gabimet e sakta. Teksti i plotë i gabimit vlen më shumë se çdo përshkrim.
• Pyet çfarë ndryshoi. „Përmblidh tre ndryshimet e fundit me fjalë të thjeshta“ të mban orientuar kur nuk e lexon kodin.

Më shumë janë te fleta jonë me prompt-e vibe coding.

Mbaje të sigurt

• Kurrë mos ngjit fjalëkalime ose çelësa API realë në një bisedë me ChatGPT. Nëse aplikacioni yt ka nevojë për një çelës, ruaje te sekretet e projektit. Veglat e Mythex raportojnë vetëm emrat e sekreteve, kurrë vlerat.
• Para se të publikosh, kontrollo që përdoruesit nuk mund të shohin të dhënat e njëri-tjetrit dhe që asnjë çelës nuk ka përfunduar në kod që ekzekutohet në shfletues. Udhëzuesi a është vibe coding i sigurt? i liston kontrollet me prompt-e që mund t'i ngjitësh.

Përdor edhe Claude? Udhëzuesi shoqërues mbulon vibe coding me Claude dhe Claude Code. Për një pamje model për model, shih ChatGPT vs Claude vs Gemini për ndërtimin e aplikacioneve.

Pyetje