Vibe Coding kwa ChatGPT: Canvas, Codex na Kujenga Apps Kutoka ChatGPT

Unaweza kufanya vibe coding na ChatGPT kwa njia tatu. Uliza kwenye chat app ndogo na uikague kwenye canvas; kabidhi kazi kwenye codebase halisi kwa Codex, coding agent ya OpenAI; au unganisha AI app builder kama Mythex ili ChatGPT iweze kujenga, kuhost na kuchapisha app kamili yenye database. Ya kwanza ni ya haraka zaidi kwa zana ya ukurasa mmoja, ya pili inafaa kwa watengenezaji, na ya tatu inakupa app ya moja kwa moja yenye logins na data bila kutoka ChatGPT.

Hapa kuna jinsi kila moja inavyofanya kazi, prompt kwa kila moja, na mahali kila moja inaishia. Ukitaka msingi wa neno hili, soma vibe coding ni nini.

Chaguo 1: Chat ya ChatGPT na canvas

Kwa zana ya haraka, uliza tu. ChatGPT inaandika code, na kwenye canvas inaweza kuonyesha kurasa rahisi za HTML na React ili uweze kubofya na kuomba mabadiliko.

Andika calculator ya kidokezo ya ukurasa mmoja yenye sehemu za kiasi cha bili, asilimia ya kidokezo (vitufe vya 10, 15, 20 na sehemu ya kiasi maalum) na idadi ya watu. Onyesha kidokezo na kiasi kwa kila mtu, kikibadilika ninapoandika. Iwe safi kwenye simu.

Inafaa kwa: calculators, michezo rahisi, rasimu za landing page na kujifunza. Uliza "eleza faili hii kama vile mimi ni mgeni kwenye coding" na utajifunza haraka.

Inapoishia: hakuna backend. Chochote unachoingiza hakihifadhiwi kwa watumiaji wengine, hakuna login, na ili kukishiriki ungenakili code mahali fulani na kuihost mwenyewe. Mara utakaposema "na uihifadhi ili timu yangu iione," umeshazidi chat.

Vibe coding ya kunakili na kubandika

Watu wengi huanza kwa kuomba code kutoka ChatGPT na kuibandika kwenye faili za kompyuta yao au huduma ya hosting. Inafanya kazi kwa tovuti ndogo tuli, lakini inavunjika haraka. Kila badiliko linamaanisha kutafuta faili sahihi, kubandika sehemu sahihi na kutumaini kwamba hakuna kitu kingine kilichotegemea kile ulichobadilisha. Ukijikuta ukifanya hivi zaidi ya mara chache, hamia mojawapo ya chaguo mbili zinazofuata.

Chaguo 2: Codex kwa codebase halisi

Codex ni agent ya OpenAI kwa kazi za programu. Unampa kazi kwa maneno ya kawaida, nayo inafanya kazi kwenye repository: inasoma code, inafanya mabadiliko kwenye faili nyingi, inaendesha amri na majaribio, kisha inakupa matokeo ya kukagua. OpenAI inaitoa ndani ya ChatGPT, kama zana ya command-line na kama extension ya editor; angalia tovuti ya OpenAI kujua plans zipi zinaijumuisha na vikomo vya sasa.

Prompt ya aina ya kazi inafaa zaidi:

Kwenye repo hii, ongeza kitufe cha kuexport CSV kwenye ukurasa wa Oda. Kiexport oda zilizochujwa kwa sasa zenye safu tarehe, mteja, jumla na hali. Ongeza jaribio kwa kazi ya export na uendeshe test suite.

Inafaa kwa: watengenezaji na waanzilishi wa kiufundi wenye mradi uliopo wanaotaka agent ichukue kazi nzima mzigoni. Inafanya kazi na stack yako na kanuni zako.

Unachoshughulikia wewe: app inaendeshwa wapi, database, secrets, deployment na domains. Codex inabadilisha code; si host.

Codex na Mythex pamoja

Codex pia inaweza kuunganishwa na MCP servers, pamoja na ya Mythex. Ongeza https://mcp.mythex.ai/mcp kama custom MCP server kwenye Codex, idhinisha ufikiaji kwenye Mythex, na Codex inaweza kufanya kazi kwenye mradi wa Mythex kwenye cloud sandbox yake, huku preview, database na kuchapisha vikishughulikiwa na Mythex. Chapisho letu kuhusu kujenga apps za Mythex kutoka Claude, Cursor au Codex linapitia hatua.

Chaguo 3: Jenga app kamili kutoka ChatGPT kwa Mythex

Ukitaka kubaki kwenye mazungumzo ya ChatGPT na kuishia na app halisi iliyohostiwa, unganisha Mythex. Mythex inafanya kazi ndani ya ChatGPT kama app: ChatGPT inazungumza na zana za Mythex kupitia MCP, itifaki wazi inayoruhusu wasaidizi kutumia zana zilizohostiwa mahali pengine (MCP ni nini).

Ikishaunganishwa, ChatGPT inaweza kuunda mradi wa Mythex, kuandika code kwenye cloud sandbox ya faragha, kuanzisha live preview, kuongeza database na file storage, na kuchapisha app kwenye URL ya umma. Matokeo yanarudi na kiungo ili ufungue mradi kwenye Mythex na kutazama preview.

Jinsi ya kuunganisha

1. Kwenye Mythex, fungua Account settings na nakili anwani ya MCP.
2. Kwenye ChatGPT, ongeza Mythex kutoka mipangilio ya apps au connectors ukitumia anwani hiyo. Menyu za ChatGPT hubadilika mara kwa mara, kwa hiyo fuata ukurasa wa msaada wa OpenAI kuhusu kuongeza app ikiwa majina yanatofautiana.
3. Ukurasa wa Mythex unafunguka: ingia na uchague Allow access. Hakuna key ya kubandika.
4. Anza mazungumzo na utaje Mythex kwenye ombi lako.

Kuunganisha kunafanya kazi kwenye plan yoyote ya Mythex. Zana za sandbox (kujenga, kuonyesha preview, kuchapisha) zinahitaji Mythex Pro ($25 kwa mwezi), na muda wa sandbox pamoja na hosting vinatoka kwenye credits zako za Mythex. Matumizi yako ya ChatGPT yanabaki kwenye plan yako ya OpenAI.

Prompt ya kwanza ya kujaribu

Tumia Mythex kunijengea tracker ya maombi ya kazi. Naongeza maombi yenye kampuni, nafasi, kiungo, tarehe ya kuomba, hali (imeombwa, mahojiano, ofa, imekataliwa) na maelezo. Onyesha bodi kwa hali ambapo naweza kuburuta kadi, na chati rahisi ya maombi kwa wiki. Hifadhi kila kitu kwenye database na ilinde kwa login. Anzisha preview na unipe kiungo.

Kisha, badiliko moja kwa wakati kwenye ujumbe:

Kwenye mradi wa Mythex, ongeza tarehe ya kikumbusho kwa kila ombi na uangazie kadi ambazo kikumbusho chake ni leo au kimepita.

Chapisha na unitumie URL ya moja kwa moja.

Inafaa kwa: watu wanaopanga na kufikiri ndani ya ChatGPT na wanataka matokeo yawe hai, na data inayodumu, bila kujifunza hosting. Kwa kuwa ni mradi wa kawaida wa Mythex, unaweza kuendelea kwenye chat ya Mythex wakati wowote.

Ni chaguo gani linafaa kwa unachojenga

Tabia za maombi zinazofanya kazi kwenye ChatGPT

• Taja zana unapotaka itumike. "Tumia Mythex kwa…" inaonyesha wazi kwamba ombi ni kwa mradi wako, si jibu la jumla.
• Badiliko moja kwa ujumbe. Orodha ndefu za mabadiliko huzaa orodha ndefu za madhara ya pembeni.
• Omba mpango kabla ya hatua kubwa. "Kabla ya kubadilisha chochote, orodhesha utakachobadilisha kisha usubiri idhini yangu."
• Bandika makosa kamili. Maandishi kamili ya hitilafu yanafaa zaidi ya maelezo yoyote.
• Uliza kilichobadilika. "Fupisha mabadiliko yangu matatu ya mwisho kwa maneno rahisi" inakusaidia kujua unakoelekea hata usipoisoma code.

Zaidi yako kwenye karatasi yetu ya prompts za vibe coding.

Kuwa salama

• Usibandike nywila halisi wala API keys kwenye mazungumzo ya ChatGPT. Ikiwa app yako inahitaji key, iweke kwenye secrets za mradi. Zana za Mythex zinaonyesha majina ya secrets tu, kamwe thamani zake.
• Kabla ya kuchapisha, hakikisha watumiaji hawawezi kuona data ya kila mmoja, na hakuna key iliyoishia kwenye code inayoendeshwa kwenye browser. Mwongozo wetu je, vibe coding ni salama? unaorodhesha ukaguzi wenye prompts unazoweza kubandika.

Unatumia Claude pia? Mwongozo wa mwenza unafunika vibe coding na Claude na Claude Code. Kwa mtazamo wa kila modeli, angalia ChatGPT vs Claude vs Gemini kwa kujenga apps.

Maswali