Vibe coding s ChatGPT-jem: platno, Codex in gradnja aplikacij iz ChatGPT-ja

Vibe coding s ChatGPT-jem lahko delate na tri načine. V klepetu zahtevate majhno aplikacijo in jo predogledate na platnu (canvas); naloge na pravi kodni bazi dajete Codexu, agentu za kodiranje podjetja OpenAI; ali povežete gradnik aplikacij z AI, kot je Mythex, da ChatGPT zgradi, gosti in objavi celotno aplikacijo s podatkovno bazo. Prvi način je najhitrejši za orodje z eno stranjo, drugi ustreza razvijalcem, tretji pa vam da živo aplikacijo s prijavami in podatki, ne da bi zapustili ChatGPT.

Tukaj je opisano, kako vsak deluje, poziv zanj in kje se ustavi. Če želite ozadje izraza, preberite kaj je vibe coding.

Možnost 1: klepet ChatGPT in platno

Za hitro orodje samo vprašajte. ChatGPT napiše kodo, na platnu pa lahko prikaže preproste strani HTML in React, da lahko klikate naokoli in zahtevate spremembe.

Napiši kalkulator napitnine na eni strani z vnosnimi polji za znesek računa, odstotek napitnine (gumbi za 10, 15, 20 in polje po meri) in število oseb. Prikaži napitnino in znesek na osebo, ki se posodablja med tipkanjem. Naj lepo izgleda na telefonu.

Primerno za: kalkulatorje, preproste igre, osnutke pristajalnih strani in učenje. Vprašajte „razloži to datoteko, kot da sem nov v kodiranju“ in hitro se boste nekaj naučili.

Kje se ustavi: nima zaledja. Nič, kar vnesete, se ne shrani za druge uporabnike, prijave ni, deljenje pa bi pomenilo kopiranje kode nekam in lastno gostovanje. Trenutek, ko rečete „in shrani, da lahko moja ekipa vidi,“ ste presegli klepet.

Vibe coding s kopiranjem in lepljenjem

Mnogi začnejo tako, da od ChatGPT-ja zahtevajo kodo in jo prilepijo v datoteke na računalniku ali v storitev gostovanja. Deluje za majhne statične strani, vendar se hitro podre. Vsaka sprememba pomeni iskanje prave datoteke, lepljenje prave strani kode in upanje, da ni nič drugega odvisno od tega, kar ste zamenjali. Če se večkrat kot nekajkrat ujamete pri tem, preidite na eno od naslednjih dveh možnosti.

Možnost 2: Codex za pravo kodno bazo

Codex je agent podjetja OpenAI za programsko delo. Nalogo mu dodelite z navadnimi besedami, on pa dela na repozitoriju: bere kodo, spreminja datoteke, zaganja ukaze in teste ter vam predstavi rezultat za pregled. OpenAI ga ponuja v ChatGPT-ju, kot orodje ukazne vrstice in kot razširitev urejevalnika; preverite na spletni strani OpenAI, kateri paketi ga vključujejo in kakšne so trenutne omejitve.

Najbolj ustreza poziv v obliki naloge:

V tem repozitoriju na stran Naročila dodaj gumb za izvoz v CSV. Izvozi trenutno filtrirana naročila s stolpci datum, stranka, skupni znesek in stanje. Dodaj test za funkcijo izvoza in zaženi testni paket.

Primerno za: razvijalce in tehnične ustanovitelje z obstoječim projektom, ki želijo, da agent prevzame cele naloge z njihovega seznama. Deluje z vašim skladom in vašimi pravili.

Kaj še vedno urejate sami: kje aplikacija teče, podatkovno bazo, skrivnosti, objavo in domene. Codex spreminja kodo; ni gostitelj.

Codex in Mythex skupaj

Codex se lahko poveže tudi s strežniki MCP, vključno z Mythexovim. Dodajte https://mcp.mythex.ai/mcp kot strežnik MCP po meri v Codexu, na Mythexu odobrite dostop in Codex lahko dela na projektu Mythex v njegovem oblačnem peskovniku, predogled, podatkovno bazo in objavo pa upravlja Mythex. Naš zapis o gradnji aplikacij Mythex iz Claude, Cursorja ali Codexa to razloži po korakih.

Možnost 3: celotna aplikacija iz ChatGPT-ja z Mythexom

Če želite ostati v pogovoru s ChatGPT-jem in na koncu dobiti pravo, gostovano aplikacijo, povežite Mythex. Mythex deluje znotraj ChatGPT-ja kot aplikacija: ChatGPT z orodji Mythex komunicira prek MCP, odprtega protokola, ki asistentom omogoča uporabo orodij, gostovanih drugje (kaj je MCP).

Ko je povezava vzpostavljena, lahko ChatGPT ustvari projekt Mythex, napiše kodo v zasebnem oblačnem peskovniku, zažene živi predogled, doda podatkovno bazo in shrambo datotek ter objavi aplikacijo na javni naslov URL. Rezultati se vrnejo s povezavo, da lahko projekt odprete v Mythexu in spremljate predogled.

Kako se povezati

1. V Mythexu odprite Nastavitve računa in kopirajte naslov MCP.
2. V ChatGPT-ju dodajte Mythex iz nastavitev aplikacij ali konektorjev s tem naslovom. Meniji ChatGPT-ja se občasno spreminjajo, zato če se imena razlikujejo, sledite pomoči OpenAI za dodajanje aplikacije.
3. Odpre se stran Mythex: prijavite se in izberite Dovoli dostop. Ključa ni treba prilepiti.
4. Začnite pogovor in v zahtevi omenite Mythex.

Povezava deluje na vsakem paketu Mythex. Orodja za peskovnik – gradnja, predogled, objava – potrebujejo Mythex Pro (25 $ na mesec), čas peskovnika in gostovanje pa prihajata iz vaših kreditov Mythex. Vaša uporaba ChatGPT-ja ostane na vašem paketu OpenAI.

Prvi poziv za preizkus

Uporabi Mythex in zgradi zame sledilnik prijav na delovna mesta. Dodajam prijave s podjetjem, vlogo, povezavo, datumom prijave, stanjem (prijavljen, razgovor, ponudba, zavrnjeno) in opombami. Pokaži tablo po stanjih, kjer lahko povlečem kartice, in preprost grafikon prijav na teden. Vse shrani v podatkovno bazo in zaščiti s prijavo. Zaženi predogled in mi daj povezavo.

Nato po eno spremembo na sporočilo:

V projektu Mythex dodaj vsaki prijavi datum opomnika in označi kartice, katerih opomnik je danes ali zamujen.

Objavi in mi pošlji živi naslov URL.

Primerno za: ljudi, ki že načrtujejo in razmišljajo v ChatGPT-ju ter želijo rezultat v živo, s podatki, ki ostanejo, brez učenja gostovanja. Ker gre za običajen projekt Mythex, lahko kadar koli nadaljujete v klepetu Mythex.

Katera možnost ustreza temu, kar gradite

Navade pozivanja, ki delujejo v ChatGPT-ju

• Poimenujte orodje, ko ga želite uporabiti. „Uporabi Mythex za …“ jasno pove, da je zahteva za vaš projekt, ne splošen odgovor.
• Ena sprememba na sporočilo. Dolgi seznami urejanj prinesejo dolge sezname stranskih učinkov.
• Pred velikimi koraki zahtevajte načrt. „Preden kaj spremeniš, naštej, kaj boš spremenil, in počakaj na moje soglasje.“
• Prilepite točne napake. Celotno besedilo napake je vredno več kot kakršen koli opis.
• Vprašajte, kaj se je spremenilo. „V navadnih besedah povzemi zadnje tri spremembe“ vas ohranja v orientaciji, ko ne berete kode.

Več jih je v našem pregledu pozivov za vibe coding.

Ohranite varnost

• Nikoli ne lepite pravih gesel ali ključev API v pogovor s ChatGPT-jem. Če vaša aplikacija potrebuje ključ, ga shranite med skrivnosti projekta. Orodja Mythex vedno poročajo samo imena skrivnosti, nikoli vrednosti.
• Preden objavite, preverite, ali uporabniki ne morejo videti podatkov drug drugega in ali se noben ključ ni znašel v kodi, ki teče v brskalniku. Naš vodnik ali je vibe coding varen? navaja preverjanja s pozivi, ki jih lahko prilepite.

Uporabljate tudi Claude? Spremljevalni vodnik pokrije vibe coding s Claude-om in Claude Code. Za pogled po modelih glejte ChatGPT vs Claude vs Gemini za gradnjo aplikacij.

Vprašanja