Vibe coding su ChatGPT: canvas, Codex ir programėlių kūrimas iš ChatGPT

Vibe coding su ChatGPT galima trimis būdais. Paprašykite pokalbyje nedidelės programėlės ir peržiūrėkite ją canvas; patikėkite užduotis tikrai kodo bazei Codex – OpenAI kodavimo agentui; arba prijunkite DI programėlių kūrėją, pavyzdžiui, Mythex, kad ChatGPT galėtų sukurti, talpinti ir publikuoti pilną programėlę su duomenų baze. Pirmasis būdas greičiausias vienam puslapio įrankiui, antrasis tinka kūrėjams, o trečiasis suteikia gyvą programėlę su prisijungimais ir duomenimis neišeinant iš ChatGPT.

Štai kaip veikia kiekvienas, užklausa kiekvienam ir kur jis sustoja. Jei norite sužinoti terminą iš pradžių, perskaitykite kas yra vibe coding.

1 variantas: ChatGPT pokalbis ir canvas

Norint greito įrankio, tiesiog paklauskite. ChatGPT parašo kodą, o canvas lange gali rodyti paprastus HTML ir React puslapius, kad galėtumėte spustelėti ir prašyti pakeitimų.

Parašyk vieno puslapio arbatpinigių skaičiuoklę su laukais sąskaitos sumai, arbatpinigių procentui (mygtukai 10, 15, 20 ir laisvas laukas) ir žmonių skaičiui. Rodyk arbatpinigius ir sumą vienam asmeniui, atnaujinamą rašant. Padaryk, kad telefone atrodytų švariai.

Tinka: skaičiuoklėms, paprastiems žaidimams, nukreipimo puslapių juodraščiams ir mokymuisi. Paklauskite „paaiškink šį failą kaip naujokui“ ir greitai išmoksite.

Kur sustoja: nėra serverinės dalies. Nieko, ką įvedate, neišsaugoma kitiems naudotojams, nėra prisijungimo, o norint pasidalyti reikėtų nukopijuoti kodą kažkur ir patiems jį talpinti. Vos pasakius „ir išsaugok, kad mano komanda galėtų matyti“, pokalbio jau nebepakanka.

Kopijuok ir įklijuok vibe coding

Daugelis pradeda prašydami ChatGPT kodo ir įklijuodami jį į failus kompiuteryje ar talpinimo paslaugoje. Tai veikia mažoms statinėms svetainėms, bet greitai nutrūksta. Kiekvienas pakeitimas reiškia, kad reikia rasti tinkamą failą, įklijuoti tinkamą dalį ir tikėtis, kad nieko kito nepriklausė nuo to, ką pakeitėte. Jei tai darote daugiau nei kelis kartus, pereikite prie vieno iš dviejų kitų variantų.

2 variantas: Codex realiai kodo bazei

Codex yra OpenAI agentas programinės įrangos darbams. Duodate užduotį paprasta kalba, o jis dirba su saugykla: skaito kodą, daro pakeitimus keliuose failuose, vykdo komandas ir testus bei pateikia rezultatą peržiūrai. OpenAI siūlo jį ChatGPT, kaip komandinės eilutės įrankį ir kaip redaktoriaus plėtinį; kurie planai jį apima ir kokie dabartiniai limitai, patikrinkite OpenAI svetainėje.

Geriausiai tinka užduoties tipo užklausa:

Šioje saugykloje pridėk CSV eksporto mygtuką Užsakymų puslapyje. Jis turi eksportuoti dabar filtruotus užsakymus su stulpeliais data, klientas, suma ir būsena. Pridėk testą eksporto funkcijai ir paleisk testų rinkinį.

Tinka: kūrėjams ir techniniams steigėjams su esamu projektu, kurie nori, kad agentas perimtų visas užduotis iš sąrašo. Jis dirba su jūsų technologijų rinkiniu ir konvencijomis.

Ką vis tiek tvarkote patys: kur programėlė veikia, duomenų bazę, paslaptis, diegimą ir domenus. Codex keičia kodą; jis nėra talpinimo paslauga.

Codex ir Mythex kartu

Codex taip pat gali jungtis prie MCP serverių, įskaitant Mythex. Pridėkite https://mcp.mythex.ai/mcp kaip pasirinktinį MCP serverį Codex, patvirtinkite prieigą Mythex, ir Codex gali dirbti su Mythex projektu jo debesies smėliadėžėje, o peržiūrą, duomenų bazę ir publikavimą tvarko Mythex. Mūsų įrašas kaip kurti Mythex programėles iš Claude, Cursor ar Codex žingsnis po žingsnio parodo, kaip tai padaryti.

3 variantas: pilna programėlė iš ChatGPT su Mythex

Jei norite likti ChatGPT pokalbyje ir gauti tikrą talpinamą programėlę, prijunkite Mythex. Mythex veikia ChatGPT viduje kaip programėlė: ChatGPT naudoja Mythex įrankius per MCP – atvirą protokolą, leidžiantį asistentams naudoti kitur talpinamus įrankius (kas yra MCP).

Jam prijungus, ChatGPT gali sukurti Mythex projektą, parašyti kodą privačioje debesies smėliadėžėje, paleisti gyvą peržiūrą, pridėti duomenų bazę ir failų saugyklą bei publikuoti programėlę viešu URL. Rezultatai grįžta su nuoroda, kad galėtumėte atidaryti projektą Mythex ir stebėti peržiūrą.

Kaip prisijungti

1. Mythex atidarykite Paskyros nustatymus ir nukopijuokite MCP adresą.
2. ChatGPT pridėkite Mythex per programėlių ar jungiklių nustatymus naudodami tą adresą. ChatGPT meniu kartais keičiasi, todėl jei pavadinimai skiriasi, sekite OpenAI pagalbos puslapį, kaip pridėti programėlę.
3. Atsidarys Mythex puslapis: prisijunkite ir pasirinkite Leisti prieigą. Nieko kopijuoti ar įklijuoti nereikia.
4. Pradėkite pokalbį ir paminėkite Mythex savo užklausoje.

Prisijungti galima bet kuriuo Mythex planu. Smėliadėžės įrankiams – kurti, peržiūrėti, publikuoti – reikia Mythex Pro (25 USD per mėnesį), o smėliadėžės laikas ir talpinimas mokami iš jūsų Mythex kreditų. Jūsų ChatGPT naudojimas lieka jūsų OpenAI plane.

Pirmoji užklausa išbandymui

Naudok Mythex, kad sukurtum man darbo paraiškų sekiklį. Pridedu paraiškas su įmone, pareigomis, nuoroda, data, kada pateikta, būsena (pateikta, pokalbis, pasiūlymas, atmesta) ir pastabomis. Rodyk lentą pagal būseną, kur galiu tempti korteles, ir paprastą diagramą paraiškų per savaitę. Saugok viską duomenų bazėje ir apsaugok prisijungimu. Paleisk peržiūrą ir duok man nuorodą.

Tada – po vieną pakeitimą vienoje žinutėje:

Mythex projekte kiekvienai paraiškai pridėk priminimo datą ir paryškink korteles, kurių priminimas šiandien arba pavėluotas.

Publikuok ją ir atsiųsk man gyvą URL.

Tinka: žmonėms, kurie jau planuoja ir galvoja ChatGPT, ir nori gyvo rezultato su išliekančiais duomenimis, nemokėdami talpinimo. Kadangi tai įprastas Mythex projektas, bet kuriuo metu galite tęsti Mythex pokalbyje.

Kuris variantas tinka tam, ką kuriate

Užklausų įpročiai, kurie veikia su ChatGPT

• Nurodykite įrankį, kai norite, kad jis būtų naudojamas. „Naudok Mythex, kad…“ aiškiai parodo, kad užklausa skirta jūsų projektui, o ne bendras atsakymas.
• Vienas pakeitimas žinutėje. Ilgi keitimų sąrašai duoda ilgus šalutinių poveikių sąrašus.
• Prašykite plano prieš didelius žingsnius. „Prieš ką nors keisdamas, išvardyk, ką pakeisi, ir palauk mano patvirtinimo.“
• Įklijuokite tikslias klaidas. Pilnas klaidos tekstas vertingesnis už bet kokį aprašymą.
• Klauskite, kas pasikeitė. „Paprastais žodžiais apibendrink paskutinius tris pakeitimus“ padeda orientuotis, kai kodo neskaitote.

Daugiau rasite mūsų vibe coding užklausų špargalkėje.

Saugokitės

• Niekada neįklijuokite tikrų slaptažodžių ar API raktų į ChatGPT pokalbį. Jei programėlei reikia rakto, laikykite jį projekto paslaptyse. Mythex įrankiai pateikia tik paslapčių pavadinimus, niekada reikšmių.
• Prieš publikuodami patikrinkite, kad naudotojai negali matyti vieni kitų duomenų ir kad joks raktas nepateko į kodą, kuris veikia naršyklėje. Mūsų vadove ar vibe coding saugu? pateikiami patikrinimai su užklausomis, kurias galite įklijuoti.

Naudojate ir Claude? Lydintis vadovas aptaria vibe coding su Claude ir Claude Code. Modelių palyginimui žr. ChatGPT vs Claude vs Gemini programėlėms kurti.

Klausimai