ChatGPT арқылы vibe coding: canvas, Codex және ChatGPT-дан қосымша құру

ChatGPT-мен vibe coding үш жолмен жасалады. Чатта шағын қосымша сұраңыз да, canvas-та алдын ала қараңыз; нақты кодтық базадағы тапсырмаларды OpenAI-дың кодтау агенті Codex-ке беріңіз; немесе ChatGPT толық қосымшаны дерекқормен бірге құрастырып, хостингтеп, жариялай алуы үшін AI қосымша құрастырушысын, мысалы Mythex-ті қосыңыз. Бірінші жол бір беттік құрал үшін ең жылдам, екіншісі әзірлеушілерге лайық, ал үшіншісі ChatGPT-ден шықпай кіру және деректері бар тірі қосымша береді.

Мұнда әр жолдың промпты, қай жерде тоқтайтыны көрсетілген. Термин туралы фонды білгіңіз келсе, вайб кодинг дегеніміз не деген мақаланы оқыңыз.

1-жол: ChatGPT чаты және canvas

Шағын құрал үшін сұраңыз. ChatGPT кодты жазады, ал canvas-та қарапайым HTML және React беттерін көрсетеді, сондықтан оларды басып көріп, өзгерістер сұрай аласыз.

Бір беттік шайлық калькулятор жазыңыз: шот сомасы, шайлық пайызы (10, 15, 20 түймелері және теңшелетін өріс) және адам саны үшін енгізулері бар. Шайлықты және әр адамға келетін соманы теріп жатқанымда жаңартып көрсетіңіз. Телефонда таза көрінсін.

Қолайлы: калькуляторлар, қарапайым ойындар, лендинг беттерінің жобалары және үйрену. «Бұл файлды кодқа жаңа адам түсінетіндей түсіндір» деп сұрасаңыз, тез үйренесіз.

Қай жерде тоқтайды: серверлік бөлік жоқ. Сіз енгізген ештеңе басқа пайдаланушыларға сақталмайды, кіру жоқ, ал бөлісу үшін кодты басқа жерге көшіріп, өзіңіз хостингтеу керек. «Оны командам көруі үшін сақта» деген сәтте чаттан өсіп кеттіңіз.

Көшіріп-қою арқылы vibe coding

Көп адам ChatGPT-ден код сұрап, оны компьютерлеріндегі файлдарға немесе хостинг қызметіне қойып бастайды. Ол шағын статикалық сайттар үшін жұмыс істейді, бірақ тез бұзылады. Әр өзгеріс керекті файлды табуды, дұрыс бөлікті қоюды және алмастырған нәрсеге басқа бөлік тәуелді болмағанын үміт етуді білдіреді. Осылай бірнеше реттен көп істеп жатсаңыз, келесі екі жолдың біріне көшіңіз.

2-жол: нақты кодтық базаға Codex

Codex — OpenAI-ның бағдарламалық жасақтама жұмысына арналған агенті. Оған қарапайым тілмен тапсырма бересіз, ал ол репозиторийде жұмыс істейді: кодты оқиды, файлдар бойынша өзгерістер жасайды, командалар мен тесттерді іске қосады және нәтижені қарап шығуға береді. OpenAI оны ChatGPT ішінде, командалық құрал ретінде және редактор кеңейтімі ретінде ұсынады; қай жоспарлар оны қамтитынын және ағымдағы шектеулерді OpenAI сайтынан тексеріңіз.

Тапсырма түріндегі промпт оған ең жақсы сай келеді:

Осы репозиторийде Тапсырыстар бетіне CSV экспорттау түймесін қосыңыз. Ол қазір сүзілген тапсырыстарды бағандармен date, customer, total және status экспорттасын. Экспорт функциясына тест қосыңыз және тест жиынтығын іске қосыңыз.

Қолайлы: бар жобасы бар әзірлеушілер мен техникалық негізін салушылар, агент өз тізімінен толық тапсырмаларды алғысы келетіндер. Ол сіздің стекіңізбен және конвенцияларыңызбен жұмыс істейді.

Өзіңіз шешетін бөлік: қосымшаның қай жерде іске қосылатыны, дерекқор, құпиялар, жариялау және домендер. Codex кодты өзгертеді; ол хостинг емес.

Codex және Mythex бірге

Codex MCP серверлеріне, соның ішінде Mythex-ке де қосыла алады. Codex-ке https://mcp.mythex.ai/mcp мекенжайын теңшелетін MCP сервері ретінде қосыңыз, Mythex-те қолжетімділікті растаңыз, содан кейін Codex бұлттық сандықта Mythex жобасымен жұмыс істей алады, ал алдын ала қарау, дерекқор және жариялау Mythex арқылы өңделеді. Mythex қосымшаларын Claude, Cursor немесе Codex-тен құрастыру туралы мақала оны қадамдап көрсетеді.

3-жол: ChatGPT-дан Mythex арқылы толық қосымша құру

Егер ChatGPT сөйлесуінде қалып, нақты хостингтелген қосымшаға жеткіңіз келсе, Mythex-ті қосыңыз. Mythex ChatGPT-де қолданба ретінде жұмыс істейді: ChatGPT Mythex құралдарымен MCP арқылы сөйлеседі — бұл басқа жерде хостингтелген құралдарды пайдалануға мүмкіндік беретін ашық протокол (MCP дегеніміз не).

Қосылғаннан кейін ChatGPT Mythex жобасын құра алады, кодты жеке бұлттық сандықта жаза алады, тірі алдын ала қарауды іске қоса алады, дерекқор мен файл сақтауды қоса алады және қосымшаны ашық URL-ге жариялай алады. Нәтижелер жобаны Mythex-те ашып, алдын ала қаруды көруге болатын сілтемемен қайтады.

Қалай қосу керек

1. Mythex-те Account settings бөлімін ашып, MCP мекенжайын көшіріңіз.
2. ChatGPT-де Mythex-ті қолданбалар немесе коннекторлар баптауларынан сол мекенжаймен қосыңыз. ChatGPT мәзірлері уақыт-уақытта өзгереді, сондықтан атаулар сәйкес келмесе, қолданба қосу туралы OpenAI анықтама бетін қараңыз.
3. Mythex беті ашылады: кіріңіз де Allow access таңдаңыз. Көшіретін кілт жоқ.
4. Сөйлесуді бастап, сұрауыңызда Mythex-ті атаңыз.

Қосылу кез келген Mythex жоспарында жұмыс істейді. Құрастыру, алдын ала қарау, жариялау сияқты сандық құралдары Mythex Pro-ны ($25 айына) қажет етеді, ал сандық уақыт пен хостинг Mythex кредиттерінен алынады. ChatGPT-ді пайдалану сіздің OpenAI жоспарыңызда қалады.

Бастауға арналған бірінші промпт

Mythex арқылы маған жұмыс өтінімдерін қадағалайтын трекер құрастырыңыз. Мен компания, рөл, сілтеме, өтініш берген күн, күй (өтінім берілді, сұхбат, ұсыныс, бас тарту) және ескертпелерді енгіземін. Күй бойынша тақта көрінісі, онда карточкаларды сүйреп жылжытуға болады, және аптасына өтініштер саны туралы қарапайым диаграмма болсын. Бәрін дерекқорда сақтаңыз және логинмен қорғаңыз. Алдын ала қарауды іске қосып, маған сілтемені беріңіз.

Содан кейін әр хабарламада бір өзгеріс:

Mythex жобасында әр өтінімге еске салғыш күн қосыңыз және еске салғышы бүгін немесе мерзімі өткен карточкаларды бөлектеңіз.

Оны жариялап, маған тірі URL жіберіңіз.

Қолайлы: жоспарын ChatGPT-де құрып, нәтижесін деректері сақталатын тірі күйде, хостингті үйренбей-ақ алғысы келетіндер. Бұл әдеттегі Mythex жобасы болғандықтан, кез келген кезде Mythex чатында жалғастыра аласыз.

Қай жоба үшін қайсы жол

ChatGPT-де жұмыс істейтін промпт әдеттері

• Қолданғыңыз келсе, құралды атаңыз. «Mythex арқылы…» деген сұрау жалпы жауап емес, жобаңызға арналғанын анық етеді.
• Бір хабарламада бір өзгеріс. Өзгерістердің ұзын тізімі ұзын жанама әсерлер береді.
• Үлкен қадамдардың алдында жоспар сұраңыз. «Ештеңені өзгертпес бұрын, нені өзгертетініңізді тізіп, мақұлдауымды күтіңіз».
• Дәл қателерді қойыңыз. Қатенің толық мәтіні кез келген сипаттамадан құнды.
• Не өзгергенін сұраңыз. «Соңғы үш өзгерісіңізді қарапайым сөзбен қорытыңыз» деу кодты оқымасаңыз да бағдар береді.

Көбірек промпттар vibe coding промпттар парағында бар.

Қауіпсіз болыңыз

• ChatGPT сөйлесуіне ешқашан нақты құпиясөздер немесе API кілттерін қоймаңыз. Қосымшаға кілт керек болса, оны жобаның құпияларында сақтаңыз. Mythex құралдары тек құпия атауларын хабарлайды, мәндерін ешқашан емес.
• Жариялар алдында пайдаланушылар бір-бірінің деректерін көре алмайтынын және ешқандай кілт браузерде жұмыс істейтін кодқа түспегенін тексеріңіз. Тексерулер тізімі мен көшіруге болатын промпттар вайб кодинг қауіпсіз бе? мақаласында.

Claude да қолданасыз ба? Қосымша нұсқаулық Claude арқылы vibe coding туралы айтады. Модельдер бойынша көзқарас үшін ChatGPT vs Claude vs Gemini қосымшаларды құрастыру үшін салыстыруын қараңыз.

Сұрақтар