Vibe coding ChatGPT-ga: canvas, Codex ja rakenduste ehitamine ChatGPT-st

ChatGPT-ga saab vibe codeda kolmel viisil. Küsi vestluses väikest rakendust ja eelvaata seda canvas'is; anna päris koodibaasi ülesanded Codexile, OpenAI kodeerimisagendile; või ühenda AI-rakenduste looja nagu Mythex, et ChatGPT saaks ehitada, hostida ja avaldada täieliku rakenduse andmebaasiga. Esimene on kiireim ühelehelise tööriista jaoks, teine sobib arendajatele ja kolmas annab elava rakenduse sisselogimise ja andmetega, ilma et peaksid ChatGPT-st lahkuma.

Siin on iga viisi kohta juhend, prompt iga jaoks ja koht, kus see lõpeb. Kui tahad mõiste taustast, loe mis on vibe coding.

Võimalus 1: ChatGPT vestlus ja canvas

Lihtsa tööriista jaoks lihtsalt küsi. ChatGPT kirjutab koodi ja canvas'is saab ta näidata lihtsaid HTML- ja React-lehti, nii et saad klõpsata ringi ja küsida muudatusi.

Kirjuta üheleheline napinõutaja kalkulaator sisenditega: arve summa, napinõu protsent (nupud 10, 15, 20 ja kohandatud väli) ning inimeste arv. Näita napinõu ja summa inimese kohta, mis uuendub, kui kirjutan. Tee see telefonil puhtana.

Sobib: kalkulaatorid, lihtsad mängud, maandumislehe mustandid ja õppimine. Küsi „selgita seda faili nii, nagu oleksin koodis algaja“ ja õpid kiiresti.

Kus see lõpeb: taustaprogrammi pole. Midagi, mida sisestad, ei salvestu teistele kasutajatele, sisselogimist pole ja jagamiseks tuleks kood kuhugi kopeerida ja ise hostida. Kui ütled „ja salvesta see, et mu meeskond näeks“, oled vestlusest välja kasvanud.

Kopeeri-kleebi vibe coding

Paljud inimesed alustavad sellega, et küsivad ChatGPT-lt koodi ja kleebivad selle failidesse arvutis või hostiteenuses. See töötab väikeste staatiliste saitide puhul, kuid laguneb kiiresti. Iga muudatus tähendab õige faili leidmist, õige osa kleepimist ja lootust, et midagi muud, mis asendatud osast sõltus, ei purune. Kui märkad, et seda teed rohkem kui mõni kord, mine järgmise kahe võimaluse juurde.

Võimalus 2: Codex päris koodibaasile

Codex on OpenAI agent tarkvaratööks. Annad talle ülesande lihtsas keeles ja ta töötab hoidlal: loeb koodi, teeb muudatusi üle failide, käivitab käske ja teste ning annab tulemuse, mida üle vaadata. OpenAI pakub seda ChatGPT-s, käsurea tööriistana ja redaktori laiendusena; vaata OpenAI lehelt, millised paketid seda sisaldavad ja millised on praegused piirangud.

Ülesandepõhine prompt sobib sellele kõige paremini:

Lisa selles hoidlas tellimuste lehele CSV-ekspordi nupp. See peaks eksportima praegu filtreeritud tellimused veergudega kuupäev, klient, kogusumma ja staatus. Lisa testi ekspordi funktsiooni jaoks ja käivita testikomplekt.

Sobib: arendajatele ja tehnilistele asutajatele, kellel on olemasolev projekt ja kes tahavad, et agent võtaks terveid ülesandeid nende nimekirjast. See töötab sinu tehnoloogiapinu ja konventsioonidega.

Mida pead ise käsitlema: kus rakendus töötab, andmebaas, saladused, paigaldus ja domeenid. Codex muudab koodi; see ei ole hostimisteenus.

Codex ja Mythex koos

Codex saab ühenduda ka MCP-serveritega, sealhulgas Mythexiga. Lisa Codexis kohandatud MCP-serveriks https://mcp.mythex.ai/mcp, kinnita juurdepääs Mythexis ja Codex saab töötada Mythexi projektiga selle pilvelises liivakastis, kusjuures eelvaate, andmebaasi ja avaldamise haldab Mythex. Meie postitus Mythexi rakenduste ehitamisest Claude'ist, Cursorist või Codexist käib selle läbi.

Võimalus 3: täieliku rakenduse ehitamine ChatGPT-st Mythexiga

Kui tahad jääda ChatGPT vestlusesse ja lõpuks saada päris hostitud rakendus, ühenda Mythex. Mythex töötab ChatGPT sees rakendusena: ChatGPT räägib Mythexi tööriistadega MCP kaudu, mis on avatud protokoll, mis laseb assistentidel kasutada mujal hostitud tööriistu (mis on MCP).

Kui see on ühendatud, saab ChatGPT luua Mythexi projekti, kirjutada koodi privaatses pilvelises liivakastis, käivitada elava eelvaate, lisada andmebaasi ja failisalvestuse ning avaldada rakenduse avalikule URL-ile. Tulemused tulevad tagasi lingiga, nii et saad projekti Mythexis avada ja eelvaadet jälgida.

Kuidas ühendada

1. Mythexis ava Konto seaded ja kopeeri MCP-aadress.
2. ChatGPT-s lisa Mythex rakenduste või konnektorite seadetest selle aadressi abil. ChatGPT menüüd muutuvad aeg-ajalt, seega järgi OpenAI abilehte rakenduse lisamise kohta, kui nimed erinevad.
3. Avaneb Mythexi leht: logi sisse ja vali Luba juurdepääs. Võtit pole vaja kleepida.
4. Alusta vestlust ja maini oma päringus Mythexit.

Ühendamine töötab igal Mythexi paketil. Liivakastitööriistad — ehitamine, eelvaade, avaldamine — vajavad Mythex Pro-d (25 $ kuus) ning liivakasti aeg ja hosting tulevad sinu Mythexi krediitidest. Sinu ChatGPT kasutus jääb sinu OpenAI paketi alla.

Esimene prompt proovimiseks

Kasuta Mythexit, et ehitada mulle tööotsingute jälgija. Lisan taotlused ettevõtte, ametinimetuse, lingi, esitamise kuupäeva, staatuse (esitatud, intervjuu, pakkumine, tagasi lükatud) ja märkmed. Näita staatuse järgi tahvlit, kus saan kaarte lohistada, ning lihtsat diagrammi taotlustest nädalas. Salvesta kõik andmebaasi ja kaitse see sisselogimisega. Käivita eelvaade ja anna mulle link.

Seejärel üks muudatus sõnumi kohta:

Lisa Mythexi projektis igale taotlusele meeldetuletuse kuupäev ja tõsta esile kaardid, mille meeldetuletus on täna või tähtaeg on möödas.

Avalda see ja saada mulle elav URL.

Sobib: inimestele, kes juba planeerivad ja mõtlevad ChatGPT-s ning tahavad tulemust elavana püsivate andmetega, ilma et peaksid hostimist õppima. Kuna see on tavaline Mythexi projekt, saad igal ajal jätkata Mythexi vestluses.

Millist võimalust valida, mida ehitad

Promptimisharjumused, mis ChatGPT-s töötavad

• Nimeta tööriist, kui tahad, et seda kasutataks. „Kasuta Mythexit…“ teeb selgeks, et päring on sinu projekti jaoks, mitte üldine vastus.
• Üks muudatus sõnumi kohta. Pikad muudatuste nimekirjad annavad pikad kõrvalmõjude nimekirjad.
• Palu plaani enne suuri samme. „Enne kui midagi muudad, loetle, mida muudad, ja oota minu nõusolekut.“
• Kleebi täpsed vead. Täielik veateade on rohkem väärt kui mistahes kirjeldus.
• Küsi, mis muutus. „Võta viimased kolm muudatust lihtsate sõnadega kokku“ hoiab sind orienteerituna, kui sa koodi ei loe.

Rohkem leiad vibe coding promptide spikrist.

Hoia turvaline

• Ära kunagi kleebi ChatGPT vestlusesse päris paroole ega API-võtmeid. Kui rakendus vajab võtit, hoia seda projekti saladustes. Mythexi tööriistad kuvavad ainult saladuste nimesid, mitte kunagi väärtusi.
• Enne avaldamist kontrolli, et kasutajad ei näe teiste andmeid ja et ükski võti ei ole sattunud brauseris jooksvasse koodi. Meie juhend kas vibe coding on ohutu? loetleb kontrollid koos promptidega, mida saad kleepida.

Kasutad ka Claude'i? Kaaslane juhend käsitleb vibe coding'ut Claude'i ja Claude Code'iga. Mudelipõhise vaate saad lehelt ChatGPT vs Claude vs Gemini rakenduste ehitamiseks.

Küsimused