Vibe coding su Claude: Claude pokalbis, Claude Code ir kūrimas iš Claude

Vibe coding su Claude veikia trimis būdais. Claude pokalbis kuria mažas vieno puslapio programėles tiesiai pokalbyje. Claude Code yra agentas, redaguojantis tikrą projektą jūsų kompiuteryje ar debesyje, skirtas žmonėms, patogiai jaučiantiems kodo bazę. Ir Claude su DI programėlių kūrėju per MCP leidžia kurti, peržiūrėti ir publikuoti pilną programėlę su duomenų baze neišeinant iš Claude pokalbio. Kuris tinka, priklauso nuo to, ką kuriate ir kiek sąrankos norite valdyti patys.

Šis vadovas apima visus tris su užklausomis ir kiekvieno ribomis. Apie patį požiūrį skaitykite kas yra vibe coding.

1 variantas: Claude pokalbis mažiems įrankiams

Įprastoje Claude programoje galite paprašyti kažko interaktyvaus, ir Claude parašo kodą, kuris veikia šalia pokalbio: skaičiuoklę, kortelių mokymosi įrankį, nedidelį žaidimą, diagramą iš įklijuotų duomenų. Keičiate atsakydami.

Gera užklausa čia yra savarankiška:

Sukurk interaktyvų įrankį, kuriame įklijuoju išlaidų sąrašą (po vieną eilutėje, „suma, kategorija“), ir jis parodo skritulinę diagramą pagal kategoriją bei bendrą sumą. Įtrauk pavyzdinį sąrašą, kad iš karto veiktų.

Kuo puikus: greiti vieno puslapio įrankiai, kuriuos naudojate patys arba dalijatės nuoroda, ir mokymuisi, nes galite paprašyti Claude paaiškinti kiekvieną dalį.

Kur sustoja: tai veikia Claude aplinkoje. Nėra nuosavos ilgalaikės duomenų bazės, naudotojų paskyrų, pasirinktinio domeno ir vietos serveriui. Kai idėja išauga iš vieno puslapio, reikia vieno iš dviejų kitų variantų.

2 variantas: Claude Code tikrai kodo bazei

Claude Code yra Anthropic kodavimo agentas. Jis veikia jūsų terminale, redaktoriuose, pvz., VS Code ir JetBrains, darbalaukio programoje ir internete. Užduotį duodate paprasta kalba, o jis skaito projektą, redaguoja failus, vykdo komandas ir testus bei parodo, kas pasikeitė. Rašymo metu jis įtrauktas į mokamus Claude planus ir prieinamas per API; dabartinius planus patikrinkite Anthropic svetainėje.

Tipinė vibe coding sesija atrodo taip:

Pridėk /bookings puslapį, kuris rodo dabartinio naudotojo rezervacijas, naujausios pirmos, su atšaukimo mygtuku, kuris išjungiamas likus mažiau nei dviem valandoms iki pamokos. Naudok esamą autentifikacijos pagalbinę funkciją. Baigęs paleisk testus.

Kuo puikus: kūrėjams ir techniniams steigėjams, turintiems projektą, norintiems pilnos valdymo galios technologijų rinkiniui ir patenkintiems, kad patys jį paleis ir diegs. Jis stiprus atliekant keliuose failuose atliekamus pakeitimus ir laikantis jau esamos kodo bazės konvencijų.

Kur reikia daugiau darbo: reikia kūrimo aplinkos, o Claude Code nieko netalpina. Duomenų bazės, paslaptys, diegimas ir domenai tvarkomi jūsų pačių. Palyginimui su kitais kūrėjų įrankiais žr. Cursor vs Windsurf vs Claude Code.

Įpročiai, kurie gerai veikia su Claude Code

• Prašykite plano prieš didelius pakeitimus. „Išvardyk žingsnius ir failus, kuriuos paliesi, tada palauk.“
• Laikykite projekto užrašų failą. Claude Code skaito projekto atminties failą (CLAUDE.md) apie konvencijas, todėl jų nereikia kartoti.
• Peržiūrėkite skirtumą. Net kurdami vibe coding, peržvelkite, kas pasikeitė jautriose vietose: autentifikacija, mokėjimai, viskas su naudotojų duomenimis.
• Dažnai komituokite. Maži komitai leidžia lengvai atšaukti blogą žingsnį.

3 variantas: kurti ir publikuoti iš Claude su Mythex

Jei mėgstate dirbti Claude, bet norite tikros programėlės pabaigoje – duomenų bazės, prisijungimų, failų saugyklos, viešo URL, – galite prijungti Claude prie DI programėlių kūrėjo per MCP, protokolą, leidžiantį Claude naudoti kitur talpinamus įrankius. (Kas yra MCP paaiškina paprastais žodžiais.)

Mythex veikia MCP serveris. Jam prijungus, Claude gali sukurti Mythex projektą, parašyti kodą privačioje debesies smėliadėžėje, paleisti gyvą peržiūrą, prijungti duomenų bazę ir failų saugyklą bei publikuoti programėlę. Kiekvienas rezultatas turi nuorodą, kad galėtumėte stebėti projektą gyvai Mythex.

Kaip prisijungti

1. Mythex atidarykite Paskyros nustatymus ir nukopijuokite MCP URL: https://mcp.mythex.ai/mcp.
2. Claude eikite į Settings → Connectors → Add custom connector, įklijuokite URL ir spustelėkite Connect.
3. Atsidarys Mythex puslapis. Prireikus prisijunkite ir pasirinkite Leisti prieigą. API rakto kopijuoti nereikia.
4. Grįžę į Claude paprašykite to, ko norite.

Prisijungti gali bet kas bet kuriuo planu; smėliadėžės įrankiams reikia Mythex Pro (25 USD per mėnesį). Claude naudojimas lieka jūsų Claude plane, o smėliadėžės laikas, peržiūros ir talpinimas mokami iš jūsų Mythex kreditų. Visą instrukciją rasite kaip kurti Mythex programėles iš Claude, Cursor ar Codex.

Pirmoji užklausa išbandymui

Naudodamas Mythex, sukurk naują projektą: paprastą CRM mano mažai dizaino studijai. Kontaktai su vardu, įmone, el. paštu, telefonu, etapu (lyderis, aktyvus, buvęs) ir pastabomis. Lentos rodinys pagal etapą, kur galiu tempti kontaktus tarp stulpelių, ir paieškos laukas. Pridėk duomenų bazę, kad duomenys išliktų, ir prisijungimą, kad matyčiau tik aš. Paleisk peržiūrą ir atsiųsk man nuorodą, kai veiks.

Tada tęskite tame pačiame pokalbyje, po vieną pakeitimą:

Mythex projekte pridėk kontaktams „kitą sekimo“ datą ir pagrindiniame ekrane – sąrašą sekimų, kurie planuojami šią savaitę. Patikrink peržiūroje.

Publikuok CRM ir duok man gyvą URL.

Kuo puikus: žmonėms, kurie geriausiai mąsto Claude ir nori talpinamo rezultato su duomenų baze, nesirūpindami serveriais. Galite ir keisti: pradėti Claude ir tęsti Mythex pokalbyje arba atvirkščiai, nes tai tas pats projektas.

Kurį pasirinkti?

Užklausų patarimai, kurie su Claude svarbesni

Claude griežtai laikosi išsamių nurodymų, o tai veikia abejopai.

• Pasakykite, ko nekeisti. „Palik išdėstymą ir spalvas; keisk tik formos patikrinimą.“
• Duokite apibrėžimą, kas laikoma baigtu. „Baigta reiškia: naujas kontaktas išsisaugo, atsiranda lentoje ir išlieka po perkrovimo.“
• Paprašykite patikrinti darbą. Claude Code tai reiškia paleisti testus; su Mythex – patikrinti gyvą peržiūrą arba paleisti naršyklės testą.
• Prašykite paaiškinimų paprastais žodžiais, kai nesuprantate pakeitimo. Tai greičiausias būdas sužinoti, ką daro jūsų programėlė.

Mūsų vibe coding užklausų špargalkėje rasite 30 užklausų, kurios veikia bet kuriame iš trijų variantų.

Saugumo pastabos visiems trims

• Nekopijuokite tikrų API raktų ar slaptažodžių į Claude pokalbį. Su Mythex paslaptys dedamos į projekto paslapčių nustatymus, o Claude mato jų pavadinimus, bet ne reikšmes.
• Prieš publikuodami patikrinkite, kas ką gali matyti. „Ar prisijungęs naudotojas gali atidaryti kito naudotojo įrašus?“ yra pirmasis klausimas.
• Peržiūrėkite jautrų kodą. Claude yra gabus kodavimo įrankis, bet vibe coding reiškia, kad neskaitote kiekvienos eilutės, todėl pasirinkite tas, kurios svarbios. Žr. ar vibe coding saugu?.

Jei naudojate ir ChatGPT, lydintis vadovas aptaria vibe coding su ChatGPT ir Codex. O jei norite visiškai apeiti sąranką, atidarykite DI programėlių kūrėją ir aprašykite programėlę ten.

Klausimai