Vibe Coding dengan ChatGPT: Canvas, Codex dan Membina Aplikasi dari ChatGPT

Anda boleh vibe coding dengan ChatGPT dalam tiga cara. Minta aplikasi kecil dalam sembang dan pratonton dalam canvas; serahkan tugas pada pangkalan kod sebenar kepada Codex, ejen pengekodan OpenAI; atau sambungkan pembina aplikasi AI seperti Mythex supaya ChatGPT boleh membina, menghos dan menerbitkan aplikasi penuh dengan pangkalan data. Yang pertama paling pantas untuk alat satu halaman, yang kedua sesuai untuk pembangun, dan yang ketiga memberi anda aplikasi hidup dengan log masuk dan data tanpa meninggalkan ChatGPT.

Berikut cara setiap satu berfungsi, satu prompt untuk setiap satu, dan di mana setiap satu terhenti. Jika anda mahu latar belakang istilah ini, baca apa itu vibe coding.

Pilihan 1: Sembang dan canvas ChatGPT

Untuk alat pantas, cuma minta. ChatGPT menulis kod, dan dalam canvas ia boleh menunjukkan halaman HTML dan React yang ringkas supaya anda boleh klik sana-sini dan meminta perubahan.

Tulis kalkulator tip satu halaman dengan input untuk jumlah bil, peratusan tip (butang untuk 10, 15, 20 dan medan tersuai) dan bilangan orang. Tunjukkan tip dan jumlah bagi setiap orang, dikemas kini semasa saya menaip. Buat nampak bersih pada telefon.

Sesuai untuk: kalkulator, permainan ringkas, draf halaman pendaratan, dan pembelajaran. Minta "terangkan fail ini seolah-olah saya baru belajar coding" dan anda akan belajar dengan cepat.

Di mana ia terhenti: tiada backend. Apa yang anda masukkan tidak disimpan untuk pengguna lain, tiada log masuk, dan untuk berkongsinya anda perlu menyalin kod ke tempat lain dan menghosnya sendiri. Sebaik anda berkata "dan simpan supaya pasukan saya boleh melihat," anda sudah melampaui sembang.

Vibe coding salin-tampal

Ramai orang bermula dengan meminta kod daripada ChatGPT dan menampalnya ke dalam fail pada komputer mereka atau perkhidmatan pengehosan. Ia berfungsi untuk tapak statik kecil, tetapi cepat bermasalah. Setiap perubahan bermakna mencari fail yang betul, menampal bahagian yang betul, dan berharap tiada apa lagi bergantung pada yang anda gantikan. Jika anda mendapati diri melakukan ini lebih daripada beberapa kali, beralih kepada salah satu daripada dua pilihan seterusnya.

Pilihan 2: Codex untuk pangkalan kod sebenar

Codex ialah ejen OpenAI untuk kerja perisian. Anda memberinya tugas dalam bahasa biasa, dan ia bekerja pada repositori: ia membaca kod, membuat perubahan merentas fail, menjalankan arahan dan ujian, dan memberi anda hasilnya untuk disemak. OpenAI menawarkannya dalam ChatGPT, sebagai alat baris arahan dan sebagai sambungan editor; semak tapak OpenAI untuk mengetahui pelan mana yang menyertakannya dan had semasa.

Prompt gaya tugas paling sesuai:

Dalam repo ini, tambah butang eksport CSV pada halaman Pesanan. Ia perlu mengeksport pesanan yang sedang ditapis dengan lajur tarikh, pelanggan, jumlah dan status. Tambah ujian untuk fungsi eksport dan jalankan suite ujian.

Sesuai untuk: pembangun dan pengasas teknikal yang mempunyai projek sedia ada dan mahu ejen mengambil alih keseluruhan tugas daripada senarai mereka. Ia berfungsi dengan stack dan konvensyen anda.

Apa yang masih anda uruskan: tempat aplikasi berjalan, pangkalan data, rahsia, penyebaran dan domain. Codex mengubah kod; ia bukan hos.

Codex dan Mythex bersama

Codex juga boleh bersambung ke pelayan MCP, termasuk milik Mythex. Tambah https://mcp.mythex.ai/mcp sebagai pelayan MCP tersuai dalam Codex, luluskan akses di Mythex, dan Codex boleh bekerja pada projek Mythex dalam sandbox awannya, dengan pratonton, pangkalan data dan penerbitan dikendalikan oleh Mythex. Catatan kami tentang membina aplikasi Mythex dari Claude, Cursor atau Codex menerangkannya langkah demi langkah.

Pilihan 3: Bina aplikasi penuh dari ChatGPT dengan Mythex

Jika anda mahu kekal dalam perbualan ChatGPT dan akhirnya mendapat aplikasi sebenar yang dihos, sambungkan Mythex. Mythex berfungsi dalam ChatGPT sebagai aplikasi: ChatGPT bercakap dengan alat Mythex melalui MCP, protokol terbuka yang membolehkan pembantu menggunakan alat yang dihos di tempat lain (apa itu MCP).

Sebaik disambungkan, ChatGPT boleh mencipta projek Mythex, menulis kod dalam sandbox awan peribadi, memulakan pratonton langsung, menambah pangkalan data dan storan fail, dan menerbitkan aplikasi ke URL awam. Hasilnya dipulangkan bersama pautan supaya anda boleh membuka projek dalam Mythex dan menonton pratonton.

Cara menyambung

1. Dalam Mythex, buka Tetapan akaun dan salin alamat MCP.
2. Dalam ChatGPT, tambah Mythex daripada tetapan aplikasi atau penyambung menggunakan alamat itu. Menu ChatGPT berubah dari semasa ke semasa, jadi ikut halaman bantuan OpenAI untuk menambah aplikasi jika namanya berbeza.
3. Halaman Mythex dibuka: log masuk dan pilih Allow access. Tiada kunci untuk ditampal.
4. Mulakan perbualan dan sebut Mythex dalam permintaan anda.

Penyambungan berfungsi pada mana-mana pelan Mythex. Alat sandbox — membina, mempratonton, menerbitkan — memerlukan Mythex Pro ($25 sebulan), dan masa sandbox serta pengehosan datang daripada kredit Mythex anda. Penggunaan ChatGPT anda kekal dalam pelan OpenAI anda.

Prompt pertama untuk dicuba

Guna Mythex untuk membina penjejak permohonan kerja untuk saya. Saya menambah permohonan dengan syarikat, jawatan, pautan, tarikh memohon, status (dipohon, temu duga, tawaran, ditolak) dan nota. Tunjukkan papan mengikut status di mana saya boleh seret kad, dan carta ringkas permohonan setiap minggu. Simpan semuanya dalam pangkalan data dan lindungi dengan log masuk. Mulakan pratonton dan beri saya pautannya.

Kemudian, satu perubahan bagi setiap mesej:

Dalam projek Mythex, tambah tarikh peringatan pada setiap permohonan dan serlahkan kad yang peringatannya hari ini atau sudah lewat.

Terbitkan dan hantar URL hidup kepada saya.

Sesuai untuk: orang yang sudah merancang dan berfikir dalam ChatGPT dan mahu hasilnya hidup, dengan data yang kekal, tanpa belajar pengehosan. Oleh kerana ia projek Mythex biasa, anda boleh meneruskan dalam sembang Mythex pada bila-bila masa.

Pilihan mana sesuai dengan apa yang anda bina

Tabiat prompt yang berkesan dalam ChatGPT

• Namakan alat apabila anda mahu ia digunakan. "Guna Mythex untuk…" menjelaskan bahawa permintaan itu untuk projek anda, bukan jawapan umum.
• Satu perubahan bagi setiap mesej. Senarai suntingan yang panjang menghasilkan senarai kesan sampingan yang panjang.
• Minta pelan sebelum langkah besar. "Sebelum mengubah apa-apa, senaraikan apa yang akan anda ubah dan tunggu persetujuan saya."
• Tampal ralat yang tepat. Teks ralat penuh lebih bernilai daripada sebarang penerangan.
• Tanya apa yang berubah. "Ringkaskan tiga perubahan terakhir anda dengan perkataan biasa" memastikan anda faham apabila anda tidak membaca kod.

Lebih banyak ada dalam cheat sheet prompt vibe coding kami.

Pastikan selamat

• Jangan tampal kata laluan atau kunci API sebenar dalam perbualan ChatGPT. Jika aplikasi anda memerlukan kunci, simpan dalam rahsia projek. Alat Mythex hanya melaporkan nama rahsia, tidak pernah nilainya.
• Sebelum menerbitkan, semak bahawa pengguna tidak boleh melihat data satu sama lain, dan tiada kunci berakhir dalam kod yang dijalankan di pelayar. Panduan kami adakah vibe coding selamat? menyenaraikan semakan dengan prompt yang boleh ditampal.

Menggunakan Claude juga? Panduan pendamping membincangkan vibe coding dengan Claude dan Claude Code. Untuk pandangan model demi model, lihat ChatGPT vs Claude vs Gemini untuk membina aplikasi.

Soalan lazim