Vibe coding s Claude-om: klepet Claude, Claude Code in gradnja iz Claude-a

Vibe coding s Claude-om deluje na tri načine. Klepet Claude zgradi majhne aplikacije z eno stranjo kar v pogovoru. Claude Code je agent, ki ureja pravi projekt na vašem računalniku ali v oblaku, primeren za ljudi, ki jim kodna baza ni tuja. Claude z gradnikom aplikacij prek MCP pa vam omogoča gradnjo, predogled in objavo celovite aplikacije s podatkovno bazo, ne da bi zapustili pogovor s Claude-om. Kateri ustreza, je odvisno od tega, kaj gradite in koliko nastavitve želite imeti pod nadzorom.

Ta vodnik pokriva vse tri, s pozivi in omejitvami vsakega. Za idejo za vsem tem glejte kaj je vibe coding.

Možnost 1: klepet Claude za majhna orodja

V običajni aplikaciji Claude lahko zahtevate nekaj interaktivnega, Claude pa to napiše kot kodo, ki teče ob pogovoru: kalkulator, vaja s karticami, majhna igra, grafikon iz podatkov, ki jih prilepite. Spremenite jo tako, da odgovorite.

Doben poziv tu je samostojen:

Naredi interaktivno orodje, kjer prilepim seznam stroškov (eden na vrstico, „znesek, kategorija“), in prikaže tortni grafikon po kategorijah ter skupni znesek. Vključi vzorčni seznam, da deluje takoj.

Kaj je odlično: hitra orodja z eno stranjo, ki jih uporabljate sami ali delite kot povezavo, in učenje, ker lahko Claude-a prosite, naj razloži vsak del.

Kje se ustavi: to teče v okolju Claude-a. Nimate trajne lastne podatkovne baze, uporabniških računov, lastne domene ali prostora za zagon strežnika. Ko ideja preraste eno stran, potrebujete eno od naslednjih dveh možnosti.

Možnost 2: Claude Code za pravo kodno bazo

Claude Code je agent Anthropica za kodiranje. Deluje v vašem terminalu, v urejevalnikih, kot sta VS Code in JetBrains, v namizni aplikaciji in na spletu. Nalogo mu dodelite z navadnimi besedami, on pa prebere vaš projekt, ureja datoteke, zaganja ukaze in teste ter pokaže, kaj se je spremenilo. Ob pisanju je vključen v plačljive pakete Claude in je na voljo prek API-ja; za trenutne pakete preverite spletno stran Anthropica.

Tipična seja vibe codinga izgleda tako:

Dodaj stran /bookings, ki prikaže rezervacije trenutnega uporabnika, najnovejše na vrhu, z gumbom za preklic, ki je onemogočen manj kot dve uri pred uro tečaja. Uporabi obstoječi pomočnik za prijavo. Ko končaš, zaženi teste.

Kaj je odlično: razvijalci in tehnični ustanovitelji, ki že imajo projekt, želijo popoln nadzor nad skladom in jim ni težko zagnati in namestiti aplikacije sami. Močan je pri spremembah v več datotekah in pri upoštevanju pravil, ki so že v kodni bazi.

Kje je več dela: potrebujete razvojno okolje, Claude Code pa ničesar ne gosti. Zaledje, skrivnosti, objava in domene so vaša naloga. Za primerjavo z drugimi orodji za razvijalce glejte Cursor vs Windsurf vs Claude Code.

Navade, ki dobro delujejo s Claude Code

• Pred velikimi spremembami zahtevajte načrt. „Oriši korake in datoteke, ki jih boš spremenil, nato počakaj.“
• Vodite datoteko z zapiski o projektu. Claude Code bere datoteko z lastnim spominom projekta (CLAUDE.md) za pravila, zato jih ne ponavljate.
• Pregledujte razliko. Tudi pri vibe codingu v občutljivih delih prelistajte, kaj se je spremenilo: prijava, plačila, vse z uporabniškimi podatki.
• Pogosto shranjujte. Majhni zapisi omogočajo enostavno razveljavitev slabega koraka.

Možnost 3: gradnja in objava iz Claude-a z Mythexom

Če vam je všeč delo v Claude-u, vendar želite na koncu pravo aplikacijo – podatkovno bazo, prijave, shrambo datotek, javni naslov URL –, lahko Claude-a povežete z gradnikom aplikacij z AI prek MCP, protokola, ki Claude-u omogoča uporabo orodij, gostovanih drugje. (Kaj je MCP razloži po domače.)

Mythex poganja strežnik MCP. Ko je povezan, Claude lahko ustvari projekt Mythex, napiše kodo v zasebnem oblačnem peskovniku, zažene živi predogled, priklopi podatkovno bazo in shrambo datotek ter objavi aplikacijo. Vsak rezultat vključuje povezavo, da projekt v živo spremljate v Mythexu.

Kako se povezati

1. V Mythexu odprite Nastavitve računa in kopirajte naslov MCP: https://mcp.mythex.ai/mcp.
2. V Claude-u pojdite v Nastavitve → Konektorji → Dodaj konektor po meri, prilepite naslov in kliknite Poveži.
3. Odpre se stran Mythex. Po potrebi se prijavite in izberite Dovoli dostop. Ključa API ni treba kopirati.
4. Vrnite se v Claude in zahtevajte, kar želite.

Povezati se lahko kdorkoli na vsakem paketu; orodja za peskovnik potrebujejo Mythex Pro (25 $ na mesec). Uporaba Claude-a ostane na vašem paketu Claude, čas peskovnika, predogledi in gostovanje pa prihajajo iz vaših kreditov Mythex. Celoten potek je v gradnja aplikacij Mythex iz Claude, Cursorja ali Codexa.

Prvi poziv za preizkus

Z Mythexom ustvari nov projekt: preprost CRM za moj majhni studio za oblikovanje. Stiki z imenom, podjetjem, e-pošto, telefonom, fazo (potencialna stranka, aktivna, pretekla) in opombami. Pogled po fazah, kjer lahko povlečem stike med stolpci, ter iskalno polje. Dodaj podatkovno bazo, da podatki ostanejo, in prijavo, da lahko samo jaz vidim. Zaženi predogled in mi pošlji povezavo, ko deluje.

Nato nadaljujte v istem pogovoru, po eno spremembo naenkrat:

V projektu Mythex dodaj stikom datum „naslednjega sledenja“ in na domači zaslon seznam sledenj, ki zapadejo ta teden. Preveri v predogledu.

Objavi CRM in mi daj živi naslov URL.

Kaj je odlično: ljudje, ki najbolje razmišljajo v Claude-u in želijo gostovan rezultat s podatkovno bazo, brez nastavljanja strežnikov. Lahko tudi preklopite: začnete v Claude-u in nadaljujete v klepetu Mythex ali obratno, ker gre za isti projekt.

Katero uporabiti?

Nasveti za pozive, ki so pri Claude-u še pomembnejši

Claude natančno sledi podrobnim navodilom, kar gre v obe smeri.

• Povejte, kaj naj ne spreminja. „Ohrani postavitev in barve; spremeni samo preverjanje obrazca.“
• Določite, kdaj je naloga končana. „Končano pomeni, da se nov stik shrani, pojavi na tabli in ostane po osvežitvi.“
• Prosite, naj preveri svoje delo. V Claude Code to pomeni zagon testov; pri Mythexu pregled živega predogleda ali preizkus v brskalniku.
• Prosite za razlago v navadnih besedah, kadar sprememb ne razumete. To je najhitrejši način, da izveste, kaj vaša aplikacija počne.

Naš pregled pozivov za vibe coding ima 30 pozivov, ki delujejo v vseh treh postavitvah.

Varnostna opozorila za vse tri

• V pogovor s Claude-om ne lepite pravih ključev API ali gesel. Pri Mythexu skrivnosti dajte v nastavitve skrivnosti projekta; Claude lahko vidi njihova imena, ne pa vrednosti.
• Pred objavo preverite, kdo lahko kaj vidi. „Ali lahko prijavljen uporabnik odpre tuje zapise?“ je prvo vprašanje, ki ga morate zastaviti.
• Pregledujte občutljivo kodo. Claude je zmogljiv programer, vendar pri vibe codingu ne berete vsake vrstice, zato izberite vrstice, ki so pomembne. Glejte ali je vibe coding varen?.

Če uporabljate tudi ChatGPT, spremljevalni vodnik pokrije vibe coding s ChatGPT-jem in Codexom. Če se želite namestitve povsem izogniti, odprite gradnik aplikacij z AI in tam opišite svojo aplikacijo.

Vprašanja