Vibe coding ar Claude: Claude tērzēšana, Claude Code un veidošana no Claude

Vibe coding ar Claude darbojas trīs veidos. Claude tērzēšana veido mazas vienas lapas lietotnes tieši sarunā. Claude Code ir aģents, kas rediģē reālu projektu tavā datorā vai mākonī, un tas der cilvēkiem, kas ir ērti ar kodu bāzi. Un Claude plus lietotņu veidotājs caur MCP ļauj veidot, priekšskatīt un publicēt pilnas steka lietotni ar datubāzi, neatstājot Claude sarunu. Kurš der, atkarīgs no tā, ko veido un cik lielu iestatīšanas daļu vēlies pārvaldīt pats.

Šis ceļvedis aptver visus trīs ar uzvednēm un katra ierobežojumiem. Ideju aiz visa skat. kas ir vibe coding.

1. variants: Claude tērzēšana maziem rīkiem

Parastajā Claude lietotnē vari lūgt kaut ko interaktīvu, un Claude to uzraksta kā kodu, kas darbojas tieši blakus sarunai: kalkulators, zibatmiņas kartīšu vingrinājums, neliela spēle, diagramma no ielīmēta datu. Maini to, atbildot.

Labā uzvedne šeit ir pašpietiekama:

Izveido interaktīvu rīku, kur ielīmēju izdevumu sarakstu (katrs rindā, „summa, kategorija“), un tas rāda diagrammu pa kategorijām un kopsummu. Iekļauj paraugu sarakstu, lai tas uzreiz darbojas.

Kam der: ātriem vienas lapas rīkiem, ko lieto paši vai kopīgo kā saiti, un mācīšanās, jo vari lūgt Claude paskaidrot katru daļu.

Kur apstājas: tie darbojas Claude vidē. Nav savas noturīgas datubāzes, lietotāju kontu, pielāgota domēna un vietas, kur palaist serveri. Kad ideja pāraug vienu lapu, vajag vienu no nākamajiem diviem variantiem.

2. variants: Claude Code reālai kodu bāzei

Claude Code ir Anthropic kodēšanas aģents. Tas strādā tavā terminālī, redaktoros, piemēram, VS Code un JetBrains, darbvirsmas lietotnē un tīmeklī. Tam uzdod uzdevumu vienkāršā valodā, un tas lasa tavu projektu, rediģē failus, palaiž komandas un testus un parāda, kas mainījās. Rakstot šo, tas ir iekļauts Claude maksas plānos un pieejams caur API; pārbaudi Anthropic vietni par pašreizējiem plāniem.

Tipiska vibe coding sesija izskatās šādi:

Pievieno lapu /bookings, kas uzskaita pašreizējā lietotāja rezervācijas, jaunākās pirmās, ar atcelšanas pogu, kas ir atspējota mazāk nekā divas stundas pirms nodarbības. Izmanto esošo autentifikācijas palīgu. Kad esi beidzis, palaid testus.

Kam der: izstrādātājiem un tehniskiem dibinātājiem, kam jau ir projekts, kas vēlas pilnu kontroli pār steku un ir gatavi to palaist un izvietot paši. Tas ir spēcīgs daudzfailu izmaiņās un esošo kodu bāzes konvenciju ievērošanā.

Kur prasa vairāk darba: vajag izstrādes iestatījumu, un Claude Code neko nehostē. Datubāzes, noslēpumi, izvietošana un domēni ir tavi, ko sakārtot. Salīdzinājumam ar citiem izstrādātāju rīkiem skat. Cursor vs Windsurf vs Claude Code.

Paradumi, kas labi darbojas ar Claude Code

• Lūdz plānu pirms lielām izmaiņām. „Izklāsti soļus un failus, ko skarsi, tad gaidi.“
• Turi projekta piezīmju failu. Claude Code nolasa projekta atmiņas failu (CLAUDE.md) konvencijām, tāpēc tās neatkārto.
• Pārskati izmaiņu diff. Pat vibe coding laikā pārlūko, kas mainījies jutīgās vietās: autentifikācijā, maksājumos, jebkur, kur ir lietotāju dati.
• Biežāk veic commit. Mazi commit padara sliktu soli viegli atceļamu.

3. variants: veido un publicē no Claude ar Mythex

Ja tev patīk strādāt Claude, bet beigās vajag reālu lietotni — datubāzi, pieteikšanos, failu krātuvi, publisku URL —, vari pieslēgt Claude lietotņu veidotājam caur MCP, protokolu, kas ļauj Claude izmantot citur hostētus rīkus. (Kas ir MCP to izskaidro vienkāršos vārdos.)

Mythex darbina MCP serveri. Kad tas ir pieslēgts, Claude var izveidot Mythex projektu, uzrakstīt kodu privātā mākoņa smilškastē, palaist tiešraides priekšskatījumu, pievienot datubāzi un failu krātuvi un publicēt lietotni. Katrs rezultāts ietver saiti, lai noskatītos projektu tiešraidē Mythex.

Kā pieslēgt

1. Mythex atver Konta iestatījumi un nokopē MCP URL: https://mcp.mythex.ai/mcp.
2. Claude dodies uz Settings → Connectors → Add custom connector, ielīmē URL un nospied Connect.
3. Atveras Mythex lapa. Pierakstās, ja vajag, un izvēlies Allow access. API atslēgas kopēt nevajag.
4. Atgriezies Claude un lūdz to, ko vēlies.

Pievienoties var ikviens jebkurā plānā; smilškastes rīkiem vajag Mythex Pro ($25 mēnesī). Claude lietojums paliek tavā Claude plānā, bet smilškastes laiku, priekšskatījumus un hostingu nodrošina tavi Mythex kredīti. Pilnu soli pa solim ceļu skat. Mythex lietotņu veidošana no Claude, Cursor vai Codex.

Pirmā uzvedne, ko izmēģināt

Izmantojot Mythex, izveido jaunu projektu: vienkāršu CRM manai mazajai dizaina studijai. Kontakti ar vārdu, uzņēmumu, e-pastu, tālruni, stadiju (potenciālais, aktīvs, bijušais) un piezīmēm. Dēļa skats pēc stadijas, kur varu velk kontaktus starp kolonnām, un meklēšanas lauks. Pievieno datubāzi, lai dati saglabājas, un pieteikšanos, lai to redzu tikai es. Palaid priekšskatījumu un nosūti man saiti, kad tas darbojas.

Tad iterē tajā pašā sarunā, pa vienai izmaiņai:

Mythex projektā pievieno kontaktiem datumu „nākamais follow-up“ un sarakstu sākuma ekrānā ar follow-up, kas jāveic šonedēļ. Pārbaudi to priekšskatījumā.

Publicē CRM un dod man tiešraides URL.

Kam der: cilvēkiem, kas domā vislabāk Claude un vēlas rezultātu hostētu ar datubāzi, bez servera iestatīšanas. Vari arī pārslēgties: sāc Claude un turpini Mythex tērzēšanā vai otrādi, jo tas ir tas pats projekts.

Kuru izvēlēties?

Uzvedņu padomi, kas ar Claude ir svarīgāki

Claude precīzi ievēro detalizētas instrukcijas, un tas darbojas abos virzienos.

• Pasaki, ko nemainīt. „Saglabā izkārtojumu un krāsas; maini tikai veidlapas validāciju.“
• Dod pabeigšanas definīciju. „Pabeigts nozīmē, ka jauns kontakts saglabājas, parādās dēlī un paliek pēc pārlādēšanas.“
• Lūdz pārbaudīt savu darbu. Claude Code tas nozīmē palaist testus; ar Mythex — pārbaudīt tiešraides priekšskatījumu vai palaist pārlūka testu.
• Lūdz skaidrojumus vienkāršos vārdos, kad nesaproti izmaiņu. Tas ir ātrākais veids, kā uzzināt, ko tava lietotne dara.

Mūsu vibe coding uzvedņu cheat sheet ietver 30 uzvednes, kas darbojas visos trijos iestatījumos.

Drošības piezīmes visiem trim

• Nekad neielīmē reālas API atslēgas vai paroles Claude sarunā. Ar Mythex noslēpumi iet projekta noslēpumu iestatījumos, un Claude redz to nosaukumus, bet ne vērtības.
• Pirms publicēšanas pārbaudi, kas ko var redzēt. „Vai pierakstīts lietotājs var atvērt cita lietotāja ierakstus?“ ir pirmais jautājums, ko uzdot.
• Pārskati jutīgo kodu. Claude ir spējīgs programmētājs, bet vibe coding nozīmē, ka neizlasi katru rindu, tāpēc izvēlies tās, kas ir svarīgas. Skat. vai vibe coding ir drošs?.

Ja izmanto arī ChatGPT, papildu ceļvedis aptver vibe coding ar ChatGPT un Codex. Un ja vēlies izlaist iestatīšanu pilnībā, atver AI lietotņu veidotāju un apraksti savu lietotni tur.

Jautājumi