Vibe coding me Claude: chat Claude, Claude Code dhe ndërtimi nga Claude

Vibe coding me Claude punon në tri mënyra. Chat-i i Claude ndërton aplikacione të vogla me një faqe direkt në bisedë. Claude Code është një agjent që redakton një projekt real në kompjuterin tënd ose në cloud, për njerëz që u rehatojnë me një kodbazë. Dhe Claude plus një ndërtues aplikacionesh përmes MCP të lejon të ndërtosh, shfaqësh pamjen paraprake dhe publikosh një aplikacion të plotë me bazë të dhënash pa dalë nga biseda me Claude. Cila zgjidhet varet nga ajo që ndërton dhe sa nga konfigurimi do të kesh të zotërosh vetë.

Ky udhëzues i mbulon të tri, me prompt-e dhe kufijtë e secilës. Për idenë pas gjithë kësaj, shih çfarë është vibe coding.

Opsioni 1: chat-i i Claude për mjete të vogla

Në aplikacionin e rregullt Claude mund të kërkosh diçka interaktive dhe Claude e shkruan si kod që ekzekutohet pranë bisedës: një kalkulator, një stërvitje me karta, një lojë të vogël, një grafik nga të dhëna që ngjit. E ndryshon duke u përgjigjur.

Një prompt i mirë këtu është i vetëqenë:

Bëj një mjet interaktiv ku ngjit një listë shpenzimesh (një në rresht, „shuma, kategoria“) dhe shfaq një grafik rrethor sipas kategorisë dhe totalin. Përfshi një listë shembull që të punojë menjëherë.

Çfarë është e mirë për të: mjete të shpejta me një faqe që i përdor vetë ose i ndan si lidhje, dhe mësim, sepse mund t'i kërkosh Claude të shpjegojë çdo pjesë.

Ku ndalon: këto punojnë brenda mjedisit të Claude. Nuk ka bazë të dhënash të jotën që qëndron, nuk ka llogari përdoruesish, nuk ka domain të personalizuar dhe nuk ka ku të ekzekutosh një server. Kur një ide tejkalon një faqe, të duhet një nga dy opsionet e tjera.

Opsioni 2: Claude Code për një kodbazë reale

Claude Code është agjenti i kodimit i Anthropic. Punon në terminal, në editorë si VS Code dhe JetBrains, në një aplikacion desktop, dhe në web. I jep një detyrë me fjalë të thjeshta, dhe ai lexon projektin, redakton skedarë, ekzekuton komanda dhe teste, dhe të tregon çfarë ndryshoi. Në kohën e shkrimit të këtij teksti është i përfshirë në planet me pagesë të Claude dhe i disponueshëm përmes API; kontrollo faqen e Anthropic për planet aktuale.

Një seancë tipike vibe coding duket kështu:

Shto një faqe /bookings që liston rezervimet e përdoruesit aktual, më të rejat e para, me një buton anulimi që çaktivizohet më pak se dy orë para orës së klasës. Përdor ndihmësin ekzistues të autentikimit. Ekzekuto testet kur të mbarosh.

Çfarë është e mirë për të: zhvilluesit dhe themeluesit teknikë që kanë tashmë një projekt, duan kontroll të plotë të stack-ut dhe janë të gatshëm ta ekzekutojnë dhe vendosin vetë. Është i fortë në ndryshime me shumë skedarë dhe në ndjekjen e konventave që ekzistojnë tashmë në kodbazë.

Ku kërkon më shumë punë: duhet një mjedis zhvillimi, dhe Claude Code nuk host-on asgjë. Bazat e të dhënave, sekretet, deployment-i dhe domain-et janë në dorën tënde. Për një krahasim me mjete të tjera për zhvillues, shih Cursor vs Windsurf vs Claude Code.

Zakone që punojnë mirë me Claude Code

• Kërko një plan përpara ndryshimeve të mëdha. „Përshkruaj hapat dhe skedarët që do të prekësh, pastaj prit.“
• Mban një skedar shënimesh të projektit. Claude Code lexon një skedar memorie të projektit (CLAUDE.md) për konventat, kështu që nuk i përsërit ato.
• Rishiko diff-in. Edhe kur bën vibe coding, shiko shpejt çfarë ndryshoi në zonat e ndjeshme: autentikim, pagesa, çdo gjë me të dhëna përdoruesish.
• Bëj commit shpesh. Commit-et e vogla e bëjnë të lehtë zhbërjen e një hapi të keq.

Opsioni 3: ndërto dhe publiko nga Claude me Mythex

Nëse të pëlqen të punosh me Claude, por në fund dëshiron një aplikacion real (bazë të dhënash, hyrje, depozitim skedarësh, URL publike), mund ta lidhësh Claude me një ndërtues aplikacionesh me AI përmes MCP, protokollit që lejon Claude të përdorë vegla të hostuara diku tjetër. (Çfarë është MCP e shpjegon me fjalë të thjeshta.)

Mythex ka një server MCP. Pasi lidhet, Claude mund të krijojë një projekt Mythex, të shkruajë kodin në një sandbox cloud privat, të nisë një pamje paraprake live, të lidhë një bazë të dhënash dhe depozitim skedarësh, dhe të publikojë aplikacionin. Çdo rezultat përfshin një lidhje për të parë projektin live në Mythex.

Si ta lidhësh

1. Në Mythex, hap Cilësimet e llogarisë dhe kopjo URL-në MCP: https://mcp.mythex.ai/mcp.
2. Në Claude, shko te Settings → Connectors → Add custom connector, ngjite URL-në dhe kliko Connect.
3. Hapet një faqe Mythex. Hyr nëse të duhet dhe zgjidh Lejo qasjen. Nuk ka çelës API për të kopjuar.
4. Kthehu në Claude dhe kërko atë që dëshiron.

Çdokush mund të lidhet në çdo plan; veglat e sandbox-it kërkojnë Mythex Pro ($25 në muaj). Përdorimi i Claude mbetet në planin tënd Claude, dhe koha e sandbox-it, pamjet paraprake dhe hostimi vijnë nga kreditë e tua Mythex. Udhëzuesi i plotë është te ndërto aplikacione Mythex nga Claude, Cursor ose Codex.

Një prompt i parë për ta provuar

Duke përdorur Mythex, krijo një projekt të ri: një CRM i thjeshtë për studion time të vogël të dizajnit. Kontakte me emër, kompani, email, telefon, fazë (lead, aktiv, i kaluar) dhe shënime. Një pamje tabele sipas fazës ku mund të zhvendos kontaktet midis kolonave, dhe një kuti kërkimi. Shto një bazë të dhënash që të qëndrojë të dhënat, dhe një hyrje që vetëm unë ta shoh. Nis pamjen paraprake dhe më dërgo lidhjen kur të punojë.

Pastaj përsërit në të njëjtën bisedë, një ndryshim në një kohë:

Në projektin Mythex, shto një datë „ndjekja e radhës“ te kontaktet dhe një listë në ekranin kryesor me ndjekjet e këtij java. Kontrollo në pamjen paraprake.

Publiko CRM-in dhe më jep URL-në live.

Çfarë është e mirë për të: njerëz që mendojnë më mirë në Claude dhe duan rezultatin të hostuar, me bazë të dhënash, pa konfiguruar serverë. Mund edhe të ndërrosh: nis në Claude dhe vazhdo në chat-in e Mythex, ose anasjelltas, sepse është i njëjti projekt.

Cilin duhet të përdorësh?

Këshilla kërkese që kanë më shumë peshë me Claude

Claude i ndjek me kujdes udhëzimet e detajuara, gjë që punon në të dy drejtimet.

• Thuaj çfarë të mos ndryshohet. „Mbaj paraqitjen dhe ngjyrat; ndrysho vetëm validimin e formularit.“
• Jep një përkufizim të përfunduarit. „Përfundon do të thotë që një kontakt i ri ruhet, shfaqet në tabelë dhe mbijeton një rifreskim.“
• Kërkoji të kontrollojë punën. Në Claude Code kjo do të thotë ekzekutimi i testeve; me Mythex do të thotë kontrollim i pamjes paraprake live ose një test në shfletues.
• Kërko shpjegime me fjalë të thjeshta kur nuk kupton një ndryshim. Është mënyra më e shpejtë për të mësuar çfarë bën aplikacioni yt.

Fleta jonë me 30 prompt-e vibe coding ka 30 prompt-e që punojnë në secilin nga tri konfigurimet.

Shënime sigurie për të tri

• Mos ngjit çelësa API ose fjalëkalime realë në një bisedë me Claude. Me Mythex, sekretet vendosen te cilësimet e sekreteve të projektit, dhe Claude sheh emrat e tyre, por jo vlerat.
• Kontrollo kush mund të shohë çfarë përpara publikimit. „Mund të hapë një përdorues i hyrë regjistrimet e një përdoruesi tjetër?“ është pyetja e parë që duhet bërë.
• Rishiko kodin e ndjeshëm. Claude është një kodues i aftë, por vibe coding do të thotë që nuk po lexon çdo rresht, kështu që zgjidh rreshtat që kanë rëndësi. Shih a është vibe coding i sigurt?.

Nëse përdor edhe ChatGPT, udhëzuesi shoqërues mbulon vibe coding me ChatGPT dhe Codex. Dhe nëse preferon ta kalosh tërësisht konfigurimin, hap ndërtuesin e aplikacioneve me AI dhe përshkruaje aplikacionin atje.

Pyetje