Vibe coding Claude'iga: Claude vestlus, Claude Code ja ehitamine Claude'ist

Vibe coding Claude'iga toimib kolmel viisil. Claude'i vestlus ehitab väikeseid ühelehelisi rakendusi otse vestluses. Claude Code on agent, mis muudab päris projekti sinu masinas või pilves, ning see sobib inimestele, kes on koodibaasiga harjunud. Ja Claude plus AI-rakenduste looja MCP kaudu laseb sul ehitada, eelvaadata ja avaldada täieliku virnaga rakenduse andmebaasiga, lahkumata Claude'i vestlusest. Milline sobib, sõltub sellest, mida ehitad ja kui palju seadistust tahad ise hallata.

Siin käsitletakse kõiki kolme koos promptide ja iga piirangutega. Kogu idee kohta vaata mis on vibe coding.

Võimalus 1: Claude'i vestlus väikeste tööriistade jaoks

Tavalises Claude'i rakenduses saad küsida midagi interaktiivset ja Claude kirjutab selle koodina, mis töötab vestlusega kõrvuti: kalkulaatori, kaardiõppe, väikese mängu või diagrammi andmetest, mille kleebid. Muudad seda vastates.

Hea prompt siin on iseseisev:

Tee interaktiivne tööriist, kuhu kleebin kulude nimekirja (üks rida, „summa, kategooria“) ja see näitab kategooriate kaupa sektordiagrammi ja kogusumma. Lisa näidisnimekiri, et see töötaks kohe.

Mis on selle tugevus: kiired ühelehelised tööriistad, mida kasutad ise või jagad lingina, ja õppimine, sest saad Claude'ilt paluda selgitada iga osa.

Kus see lõpeb: need töötavad Claude'i keskkonnas. Puudub püsiv oma andmebaas, kasutajakontod, oma domeen ja koht, kus serverit käitada. Kui idee kasvab rohkem kui ühele lehele, vajad ühte järgmistest kahest võimalusest.

Võimalus 2: Claude Code päris koodibaasile

Claude Code on Anthropicu kodeerimisagent. See töötab sinu terminalis, redaktorites nagu VS Code ja JetBrains, töölauarakenduses ja veebis. Annad ülesande lihtsas keeles ning see loeb sinu projekti, muudab faile, käivitab käske ja teste ning näitab, mis muutus. Kirjutamise hetkel sisaldub see Claude'i tasulistes pakettides ja on saadaval API kaudu; vaata Anthropicu lehelt praegusi pakette.

Tüüpiline vibe coding seanss näeb välja selline:

Lisa /bookings leht, mis loetleb praeguse kasutaja broneeringud, uusim esimesena, koos tühistamisnupuga, mis on keelatud vähem kui kaks tundi enne tundi. Kasuta olemasolevat autentimisabilist. Käivita testid, kui oled valmis.

Mis on selle tugevus: arendajad ja tehnilised asutajad, kellel on juba projekt, tahavad täielikku kontrolli tehnoloogiapinu üle ja on valmis ise käivitama ja paigaldama. See on tugev mitme faili muudatustes ning olemasolevate koodibaasi konventsioonide järgimisel.

Kus see nõuab rohkem tööd: vajad arenduskeskkonda ning Claude Code ei hosti midagi. Andmebaasid, saladused, paigaldus ja domeenid on sinu korraldada. Teiste arendustööriistadega võrdluseks vaata Cursor vs Windsurf vs Claude Code.

Harjumused, mis Claude Code'iga hästi töötavad

• Palu plaani enne suuri muudatusi. „Kirjelda sammud ja failid, mida puudutad, ja oota.“
• Hoia projekti märkmefaili. Claude Code loeb projekti mälufaili (CLAUDE.md) konventsioonide jaoks, nii et neid ei pea korduvalt kirjutama.
• Vaata muudatused üle. Isegi vibe codingu ajal vaata tundlikes kohtades üle, mis muutus: autentimine, maksed, kõik kasutajaandmetega seotu.
• Tee sageli commit'e. Väikesed commit'id muudavad halva sammu tagasivõtmise lihtsaks.

Võimalus 3: ehitamine ja avaldamine Claude'ist Mythexiga

Kui tahad Claude'is töötada, aga lõpuks päris rakendust — andmebaasi, sisselogimist, failisalvestust, avalikku URL-i — saad ühendada Claude'i AI-rakenduste looja külge MCP kaudu, protokolli, mis laseb Claude'il kasutada mujal hostitud tööriistu. (Mis on MCP selgitab seda lihtsates sõnades.)

Mythex käitab MCP-serverit. Kui see on ühendatud, saab Claude luua Mythexi projekti, kirjutada koodi privaatses pilvelises liivakastis, käivitada elava eelvaate, lisada andmebaasi ja failisalvestuse ning avaldada rakenduse. Iga tulemus sisaldab linki, et jälgida projekti elavalt Mythexis.

Kuidas ühendada

1. Mythexis ava Konto seaded ja kopeeri MCP-URL: https://mcp.mythex.ai/mcp.
2. Claude'is mine Seaded → Konnektorid → Lisa kohandatud konnektor, kleebi URL ja klõpsa Ühenda.
3. Avaneb Mythexi leht. Logi sisse, kui vaja, ja vali Luba juurdepääs. API-võtit pole vaja kopeerida.
4. Tagasi Claude'is küsi, mida tahad.

Ühendada saab igaüks igal paketil; liivakastitööriistad vajavad Mythex Pro-d (25 $ kuus). Claude'i kasutus jääb sinu Claude'i paketi alla, ning liivakastiaeg, eelvaated ja hosting tulevad sinu Mythexi krediitidest. Täieliku juhendi leiad postitusest Mythexi rakenduste ehitamine Claude'ist, Cursorist või Codexist.

Esimene prompt proovimiseks

Kasutades Mythexit, loo uus projekt: lihtne CRM mu väikesele disainistuudiole. Kontaktid nime, ettevõtte, e-posti, telefoni, staadiumi (potentsiaalne, aktiivne, endine) ja märkmetega. Tahvelvaade staadiumi järgi, kus saan kontakte veergude vahel lohistada, ja otsingukast. Lisa andmebaas, et andmed püsiksid, ning sisselogimine, et ainult mina näeksin neid. Käivita eelvaade ja saada mulle link, kui see töötab.

Seejärel itereeri samas vestluses, üks muudatus korraga:

Lisa Mythexi projektis kontaktidele „järgmine jälgimine“ kuupäev ja avalehele nimekiri jälgimistest, mis on sel nädalal. Kontrolli seda eelvaates.

Avalda CRM ja anna mulle elav URL.

Mis on selle tugevus: inimestele, kes mõtlevad kõige paremini Claude'is ja tahavad tulemust hostituna, andmebaasiga, ilma serveriteta seadistamata. Võid ka vahetada: alusta Claude'is ja jätka Mythexi vestluses või vastupidi, sest see on sama projekt.

Millist valida

Promptimise näpunäited, mis Claude'iga rohkem loevad

Claude järgib üksikasjalikke juhiseid täpselt, mis töötab kahes suunas.

• Ütle, mida mitte muuta. „Hoia paigutus ja värvid; muuda ainult vormi valideerimist.“
• Anna valmisoleku definitsioon. „Valmis tähendab, et uus kontakt salvestub, ilmub tahvlile ja jääb alles pärast värskendamist.“
• Palu tal oma tööd kontrollida. Claude Code's tähendab see testide käivitamist; Mythexiga elava eelvaate kontrollimist või brauseritesti käivitamist.
• Palu selgitusi lihtsates sõnades, kui sa muudatust ei mõista. See on kiireim viis õppida, mida sinu rakendus teeb.

Meie vibe coding promptide spikker sisaldab 30 prompti, mis töötavad kõigis kolmes seadistuses.

Ohutusmärkused kõigi kolme jaoks

• Ära kleebi päris API-võtmeid ega paroole Claude'i vestlusesse. Mythexiga lähevad saladused projekti saladuste seadetesse ja Claude näeb nende nimesid, mitte väärtusi.
• Kontrolli enne avaldamist, kes mida näeb. „Kas sisselogitud kasutaja saab avada teise kasutaja kirjed?“ on esimene küsimus, mida esitada.
• Vaata tundlik kood üle. Claude on võimekas kodeerija, kuid vibe coding tähendab, et sa ei loe iga rida, seega vali read, mis loevad. Vaata kas vibe coding on ohutu?.

Kui kasutad ka ChatGPT-d, käsitleb kaaslane juhend vibe coding'ut ChatGPT ja Codexiga. Ja kui tahad seadistamisest täielikult mööda minna, ava AI-rakenduste looja ja kirjelda oma rakendust seal.

Küsimused