Vibe coding, pagkatapos ng honeymoon

spinny:~/writing $ vim vibe-coding-agentic-engineering.md

1~
2Ang vibe coding ay isa sa mga ekspresyong iyon na tila ipinanganak na kinasusuklaman at pagkatapos, dahan-dahan, nagiging kapaki-pakinabang.
3~
4Sa una ay parang: Hindi ko iniisip, tinatanong ko ang AI, tinatanggap ko kung ano ang lumalabas, magpatuloy. Isang masayang paraan upang makagawa ng teknikal na utang na may background sa musika.
5~
6Ngunit napakadaling i-dismiss ito nang ganoon. Ang totoo ay naharang ng vibe coding ang isang tunay na bagay: binabago ng programming na may modelo ang relasyon sa pagitan ng ideya at prototype.
7~
8Una ay may naisip ka at pagkatapos ay isang mahabang pag-akyat. Ngayon ay madalas kang may iniisip at kalahating oras mamaya may gumagalaw sa screen. Mahirap na hindi maakit nito.
9~
10Ang kawili-wiling tanong, sa 2026, ay hindi kung totoo ang vibe coding. Ito ay. Ang tanong ay: ano ang mangyayari pagkatapos ng hanimun?
11~
12## Naging matipid ang prototype
13~
14Ito ang pinakamahalagang bahagi.
15~
16Pinababa ng mga tool ng AI ang emosyonal na gastos sa pagsisimula. Dati, kung gusto mong subukan ang isang ideya, kailangan mo nang ilagay sa trabaho: pumili ng stack, lumikha ng proyekto, tandaan ang boilerplate, magsulat ng layout, ikonekta ang mga API, makipagtalo sa mga nakakainip na detalye.
17~
18Ngayon ay maaari mong sabihin: bigyan mo ako ng unang bersyon.
19~
20At dumating ang isang unang bersyon.
21~
22Hindi laging maganda. Hindi laging tama. Madalas marupok. Ngunit ito ay dumating. At pagdating nito, iniiba nito ang usapan. Hindi ka na nakikipagtalo sa isang vacuum. May hinahawakan ka.
23~
24Napakalakas nito para sa mga designer, founder, product manager, senior developer na pagod na sa muling pagsusulat ng scaffolding, mga usyosong tao na hindi pa nagbubukas ng editor.
25~
26Ang vibe coding ay hype dahil nagbibigay ito sa mas maraming tao ng pisikal na sensasyon ng software na nilikha.
27~
28## Ang problema ay nabubuhay ang software
29~
30Ang bahagi na hindi bababa sa sinasabi ng meme ay ang susunod na araw.
31~
32Dapat basahin ang prototype. Tama. Sinubok. Na-deploy. Secured. Nakuha ito mula sa ibang tao. Nakakonekta sa totoong data. Ginawang accessible. Pinapanatili kapag nagbago ang isang dependency.
33~
34Dito purong vibe coding ang tumatama sa dingding.
35~
36Ang isang modelo ay maaaring makabuo ng maraming code nang mabilis, ngunit ang code ay hindi halaga sa sarili nito. Ito ay isang pangako ng pag-uugali. At ang isang pangako ay dapat mapatunayan.
37~
38Ang panganib ng vibe coding ay hindi pagsusulat ng pangit na code. Palagi namin itong ginagawa kahit walang AI. Ang panganib ay ang pagkawala ng pakiramdam ng pagmamay-ari: "ginawa ito ng modelo" ay nagiging dahilan para sa hindi sapat na pag-unawa.
39~
40Ngunit ang runtime ay hindi tumatanggap ng mga dahilan. Kung ang code ay tumatakbo sa produksyon, ito ay sa iyo.
41~
42## Mula sa vibe coding hanggang sa agentic engineering
43~
44Ang mature na bersyon ng vibe coding ay hindi upang ihinto ang paggamit ng mga ahente. Ito ay upang gamitin ang mga ito sa isang mas seryosong cycle.
45~
46Hindi: ito ang bumubuo ng lahat at umaasa kami.
47~
48ngunit:
49~
501. ilarawan ang intensyon;
512. hayaang bumuo ng draft;
523. hilingin sa ahente na ipaliwanag ang plano;
534. gumawa ng maliliit na pagkakaiba;
545. paglulunsad ng mga pagsubok;
556. gumawa ng mga pagsusuri;
567. tama;
578. saka lang sumali.
58~
59Ang bagay na ito ay nararapat sa ibang pangalan. Gusto ko ang agent engineering, kahit na medyo solemne. Nangangahulugan ito ng paggamit ng mga ahente hindi bilang mga slot machine, ngunit bilang mga collaborator sa loob ng isang proseso ng engineering.
60~
61Ang punto ay hindi kumuha ng enerhiya mula sa vibe coding. Ito ay nagbibigay sa kanya ng mga track.
62~
63## Kung saan ito gumagana nang mahusay
64~
65Gumagana ang vibe coding kapag mababa ang halaga ng error at mataas ang halaga ng paggalugad.
66~
67Mga halimbawa:
68~
69- mga prototype ng interface;
70- mga personal na tool;
71- panloob na mga dashboard;
72- maliliit na laro;
73- isang beses na script;
74- Mga pag-scan ng API;
75- patunay ng konsepto;
76- mga mekanikal na refactor na may mahusay na mga pagsubok;
77- mga teknikal na nilalaman na gagawing mga demo.
78~
79Sa mga kasong ito, ang bilis ay ang punto. Gusto mong makita kung ang ideya ay may mga paa. Gusto mong malaman kung ano ang hindi mo naiintindihan. Gusto mong makarating sa isang konkretong pag-uusap.
80~
81Ang vibe coding ay perpekto para sa paggawa ng form na lumabas.
82~
83## Kung saan ito nagiging mapanganib
84~
85Nagiging mapanganib kapag ang sistema ay may kahihinatnan at walang bumabagal.
86~
87Mga pagbabayad, personal na data, auth, mga pahintulot, imprastraktura, paglilipat ng database, sensitibong legacy code, pagsunod, produksyon. Dito hindi sapat ang vibe. Kailangan natin ng mahigpit.
88~
89Hindi ibig sabihin na hindi makakatulong ang AI. Kung tutuusin, malaki ang maitutulong nito. Ngunit dapat itong gumana sa loob ng makitid na limitasyon: sangay, sandbox, pagsubok, lint, pagsusuri, feature flag, rollback.
90~
91Ang pariralang ita-tattoo sa monitor ay simple: mas mabilis ang ahente, mas madaling mabasa ang proseso.
92~
93Kung hindi mo maipaliwanag kung ano ang nagbago, hindi mo binilisan. Inilipat mo lang ang utang mula sa oras sa pag-unawa.
94~
95## Ang bagong tungkulin ng developer
96~
97Ang pinaka-kagiliw-giliw na bahagi ay ang trabaho ng developer ay hindi nawawala. Baguhin ang density.
98~
99Mas kaunting oras sa boilerplate. Higit pang oras sa intensyon, agnas, pagsusuri, pagsasama, pagsubok, mga hangganan.
100~
101Ang developer ay nagiging isang uri ng teknikal na editor. Hindi sa lame sense ng "proofreads." Sa malakas na kahulugan: nagpapasya ito kung ano ang dapat umiral, kung ano ang dapat putulin, kung ano ang naaayon sa sistema, kung ano ang nararapat na pagtitiwalaan.
102~
103Hindi kinukuha ng isang mahusay na editor ang lahat ng makukuha nila. Hindi man lang niya isinulat ang lahat dahil sa pagmamalaki. Kinikilala ang magandang materyal, dinadala ito sa anyo, pinoprotektahan ang mambabasa.
104~
105Sa mga ahente, ang mambabasa ay siya ring tagapagpanatili sa hinaharap. Madalas ikaw yan sa tatlong linggo.
106~
107## Ang pattern na nakikita kong umuusbong
108~
109Ang pinaka malusog na pattern ay ito:
110~
111- tao: intensyon, mga hadlang, panlasa, responsibilidad;
112- ahente: mga variant, plantsa, paghahanap, lokal na pagbabago, paulit-ulit na pagsubok;
113- imprastraktura: sandbox, CI, trace, pahintulot, deployment;
114- pangkat: pagsusuri, pagmamay-ari, mga pamantayan.
115~
116Kapag ang isa sa mga piraso ay nawawala, ang isang bagay ay nagiging deformed.
117~
118Tao lamang: mabagal, madalas na nababalisa ng paulit-ulit na gawain.
119~
120Ahente lamang: mabilis, ngunit walang nakalagay na paghatol.
121~
122Imprastraktura lamang: Elegant na proseso para sa paggawa ng mga walang kwentang bagay.
123~
124Koponan lang: napakaayos na mga pagpupulong sa paligid ng isang prototype na hindi dumarating.
125~
126Ang pinakamagandang nangyayari kapag ang mga piraso ay nag-uusap sa isa't isa.
127~
128## Isang maliit na checklist
129~
130Bago hayaang lumaki ang isang vibe-coded prototype, itatanong ko sa aking sarili ang mga tanong na ito:
131~
132- naiintindihan ko ba ang istraktura ng code?
133- mayroon bang mga pagsubok para sa kritikal na pag-uugali?
134- alam ko ba kung aling mga file ang hinawakan ng ahente?
135- inalis ko ba ang nabuong code ngunit hindi ginamit?
136- mayroon bang anumang mga lihim, token o pekeng data na napunta sa maling lugar?
137- iginagalang ba ang pinakamababang accessibility?
138- may rollback ba ang deployment?
139- maaari bang panatilihin ito ng sinuman maliban sa akin?
140~
141Kung ang sagot ay hindi sa napakaraming tanong, hindi ito isang kabiguan. Isa lang itong prototype na kailangang manatiling prototype nang kaunti pa.
142~
143## Ang aking pagbabasa
144~
145Ang vibe coding ay isang malakas na salita para sa isang malambot na bagay: ang kagalakan ng makitang nabuo ang isang ideya bago ito mapigilan ng takot.
146~
147Ayokong itapon. Magiging snobbish yan. Maraming magagandang bagay ang ipinanganak na ganito, kalahating baluktot at buhay.
148~
149Ngunit ang natitirang software ay nangangailangan ng higit pa. Ito ay nangangailangan ng pag-unawa, pagsubok, pagmamay-ari, imprastraktura, mga hangganan. Kailangan ng isang tao na magsasabi: cool, ngayon gawin natin itong totoo.
150~
151Siguro ang hinaharap ay hindi tungkol sa pagpili sa pagitan ng "seryosong" programming at "vibe" programming. Marahil ito ay natututong magpalit ng gamit: maggalugad nang basta-basta, pagkatapos ay pagsamahin nang may paggalang.
152~
153Ang bahagi ng tao ay naroon. Alamin kung kailan tatakbo at kung kailan uupo at basahin ang diff.
154~
155## Mga Pinagmulan
156~
157- [Simon Willison: Hindi lahat ng AI-assisted programming ay vibe coding](https://simonwillison.net/2025/Mar/19/vibe-coding/)
158- [OpenAI: Paano ginagamit ng mga tao ang ChatGPT](https://openai.com/index/how-people-are-using-chatgpt/)
159- [GitHub Blog: GitHub Copilot coding agent](https://github.blog/ai-and-ml/github-copilot/introducing-github-copilot-coding-agent/)
160- [Anthropic: Mga epektibong ahente sa pagbuo](https://www.anthropic.com/engineering/building-effective-agents)
161- [Stack Overflow Blog: Bakit ang vibe coding ang hinaharap](https://stackoverflow.blog/2025/04/21/why-vibe-coding-is-the-future/)
162~

NORMAL · vibe-coding-agentic-engineering.md [readonly]162 lines · :q to close

2Ang vibe coding ay isa sa mga ekspresyong iyon na tila ipinanganak na kinasusuklaman at pagkatapos, dahan-dahan, nagiging kapaki-pakinabang.

4Sa una ay parang: Hindi ko iniisip, tinatanong ko ang AI, tinatanggap ko kung ano ang lumalabas, magpatuloy. Isang masayang paraan upang makagawa ng teknikal na utang na may background sa musika.

6Ngunit napakadaling i-dismiss ito nang ganoon. Ang totoo ay naharang ng vibe coding ang isang tunay na bagay: binabago ng programming na may modelo ang relasyon sa pagitan ng ideya at prototype.

8Una ay may naisip ka at pagkatapos ay isang mahabang pag-akyat. Ngayon ay madalas kang may iniisip at kalahating oras mamaya may gumagalaw sa screen. Mahirap na hindi maakit nito.

10Ang kawili-wiling tanong, sa 2026, ay hindi kung totoo ang vibe coding. Ito ay. Ang tanong ay: ano ang mangyayari pagkatapos ng hanimun?

11~

12## Naging matipid ang prototype

13~

14Ito ang pinakamahalagang bahagi.

15~

16Pinababa ng mga tool ng AI ang emosyonal na gastos sa pagsisimula. Dati, kung gusto mong subukan ang isang ideya, kailangan mo nang ilagay sa trabaho: pumili ng stack, lumikha ng proyekto, tandaan ang boilerplate, magsulat ng layout, ikonekta ang mga API, makipagtalo sa mga nakakainip na detalye.

17~

18Ngayon ay maaari mong sabihin: bigyan mo ako ng unang bersyon.

19~

20At dumating ang isang unang bersyon.

21~

22Hindi laging maganda. Hindi laging tama. Madalas marupok. Ngunit ito ay dumating. At pagdating nito, iniiba nito ang usapan. Hindi ka na nakikipagtalo sa isang vacuum. May hinahawakan ka.

23~

24Napakalakas nito para sa mga designer, founder, product manager, senior developer na pagod na sa muling pagsusulat ng scaffolding, mga usyosong tao na hindi pa nagbubukas ng editor.

25~

26Ang vibe coding ay hype dahil nagbibigay ito sa mas maraming tao ng pisikal na sensasyon ng software na nilikha.

27~

28## Ang problema ay nabubuhay ang software

29~

30Ang bahagi na hindi bababa sa sinasabi ng meme ay ang susunod na araw.

31~

32Dapat basahin ang prototype. Tama. Sinubok. Na-deploy. Secured. Nakuha ito mula sa ibang tao. Nakakonekta sa totoong data. Ginawang accessible. Pinapanatili kapag nagbago ang isang dependency.

33~

34Dito purong vibe coding ang tumatama sa dingding.

35~

36Ang isang modelo ay maaaring makabuo ng maraming code nang mabilis, ngunit ang code ay hindi halaga sa sarili nito. Ito ay isang pangako ng pag-uugali. At ang isang pangako ay dapat mapatunayan.

37~

38Ang panganib ng vibe coding ay hindi pagsusulat ng pangit na code. Palagi namin itong ginagawa kahit walang AI. Ang panganib ay ang pagkawala ng pakiramdam ng pagmamay-ari: "ginawa ito ng modelo" ay nagiging dahilan para sa hindi sapat na pag-unawa.

39~

40Ngunit ang runtime ay hindi tumatanggap ng mga dahilan. Kung ang code ay tumatakbo sa produksyon, ito ay sa iyo.

41~

42## Mula sa vibe coding hanggang sa agentic engineering

43~

44Ang mature na bersyon ng vibe coding ay hindi upang ihinto ang paggamit ng mga ahente. Ito ay upang gamitin ang mga ito sa isang mas seryosong cycle.

45~

46Hindi: ito ang bumubuo ng lahat at umaasa kami.

47~

48ngunit:

49~

501. ilarawan ang intensyon;

512. hayaang bumuo ng draft;

523. hilingin sa ahente na ipaliwanag ang plano;

534. gumawa ng maliliit na pagkakaiba;

545. paglulunsad ng mga pagsubok;

556. gumawa ng mga pagsusuri;

567. tama;

578. saka lang sumali.

58~

59Ang bagay na ito ay nararapat sa ibang pangalan. Gusto ko ang agent engineering, kahit na medyo solemne. Nangangahulugan ito ng paggamit ng mga ahente hindi bilang mga slot machine, ngunit bilang mga collaborator sa loob ng isang proseso ng engineering.

60~

61Ang punto ay hindi kumuha ng enerhiya mula sa vibe coding. Ito ay nagbibigay sa kanya ng mga track.

62~

63## Kung saan ito gumagana nang mahusay

64~

65Gumagana ang vibe coding kapag mababa ang halaga ng error at mataas ang halaga ng paggalugad.

66~

67Mga halimbawa:

68~

69- mga prototype ng interface;

70- mga personal na tool;

71- panloob na mga dashboard;

72- maliliit na laro;

73- isang beses na script;

74- Mga pag-scan ng API;

75- patunay ng konsepto;

76- mga mekanikal na refactor na may mahusay na mga pagsubok;

77- mga teknikal na nilalaman na gagawing mga demo.

78~

79Sa mga kasong ito, ang bilis ay ang punto. Gusto mong makita kung ang ideya ay may mga paa. Gusto mong malaman kung ano ang hindi mo naiintindihan. Gusto mong makarating sa isang konkretong pag-uusap.

80~

81Ang vibe coding ay perpekto para sa paggawa ng form na lumabas.

82~

83## Kung saan ito nagiging mapanganib

84~

85Nagiging mapanganib kapag ang sistema ay may kahihinatnan at walang bumabagal.

86~

87Mga pagbabayad, personal na data, auth, mga pahintulot, imprastraktura, paglilipat ng database, sensitibong legacy code, pagsunod, produksyon. Dito hindi sapat ang vibe. Kailangan natin ng mahigpit.

88~

89Hindi ibig sabihin na hindi makakatulong ang AI. Kung tutuusin, malaki ang maitutulong nito. Ngunit dapat itong gumana sa loob ng makitid na limitasyon: sangay, sandbox, pagsubok, lint, pagsusuri, feature flag, rollback.

90~

91Ang pariralang ita-tattoo sa monitor ay simple: mas mabilis ang ahente, mas madaling mabasa ang proseso.

92~

93Kung hindi mo maipaliwanag kung ano ang nagbago, hindi mo binilisan. Inilipat mo lang ang utang mula sa oras sa pag-unawa.

94~

95## Ang bagong tungkulin ng developer

96~

97Ang pinaka-kagiliw-giliw na bahagi ay ang trabaho ng developer ay hindi nawawala. Baguhin ang density.

98~

99Mas kaunting oras sa boilerplate. Higit pang oras sa intensyon, agnas, pagsusuri, pagsasama, pagsubok, mga hangganan.

100~

101Ang developer ay nagiging isang uri ng teknikal na editor. Hindi sa lame sense ng "proofreads." Sa malakas na kahulugan: nagpapasya ito kung ano ang dapat umiral, kung ano ang dapat putulin, kung ano ang naaayon sa sistema, kung ano ang nararapat na pagtitiwalaan.

102~

103Hindi kinukuha ng isang mahusay na editor ang lahat ng makukuha nila. Hindi man lang niya isinulat ang lahat dahil sa pagmamalaki. Kinikilala ang magandang materyal, dinadala ito sa anyo, pinoprotektahan ang mambabasa.

104~

105Sa mga ahente, ang mambabasa ay siya ring tagapagpanatili sa hinaharap. Madalas ikaw yan sa tatlong linggo.

106~

107## Ang pattern na nakikita kong umuusbong

108~

109Ang pinaka malusog na pattern ay ito:

110~

111- tao: intensyon, mga hadlang, panlasa, responsibilidad;

112- ahente: mga variant, plantsa, paghahanap, lokal na pagbabago, paulit-ulit na pagsubok;

113- imprastraktura: sandbox, CI, trace, pahintulot, deployment;

114- pangkat: pagsusuri, pagmamay-ari, mga pamantayan.

115~

116Kapag ang isa sa mga piraso ay nawawala, ang isang bagay ay nagiging deformed.

117~

118Tao lamang: mabagal, madalas na nababalisa ng paulit-ulit na gawain.

119~

120Ahente lamang: mabilis, ngunit walang nakalagay na paghatol.

121~

122Imprastraktura lamang: Elegant na proseso para sa paggawa ng mga walang kwentang bagay.

123~

124Koponan lang: napakaayos na mga pagpupulong sa paligid ng isang prototype na hindi dumarating.

125~

126Ang pinakamagandang nangyayari kapag ang mga piraso ay nag-uusap sa isa't isa.

127~

128## Isang maliit na checklist

129~

130Bago hayaang lumaki ang isang vibe-coded prototype, itatanong ko sa aking sarili ang mga tanong na ito:

131~

132- naiintindihan ko ba ang istraktura ng code?

133- mayroon bang mga pagsubok para sa kritikal na pag-uugali?

134- alam ko ba kung aling mga file ang hinawakan ng ahente?

135- inalis ko ba ang nabuong code ngunit hindi ginamit?

136- mayroon bang anumang mga lihim, token o pekeng data na napunta sa maling lugar?

137- iginagalang ba ang pinakamababang accessibility?

138- may rollback ba ang deployment?

139- maaari bang panatilihin ito ng sinuman maliban sa akin?

140~

141Kung ang sagot ay hindi sa napakaraming tanong, hindi ito isang kabiguan. Isa lang itong prototype na kailangang manatiling prototype nang kaunti pa.

142~

143## Ang aking pagbabasa

144~

145Ang vibe coding ay isang malakas na salita para sa isang malambot na bagay: ang kagalakan ng makitang nabuo ang isang ideya bago ito mapigilan ng takot.

146~

147Ayokong itapon. Magiging snobbish yan. Maraming magagandang bagay ang ipinanganak na ganito, kalahating baluktot at buhay.

148~

149Ngunit ang natitirang software ay nangangailangan ng higit pa. Ito ay nangangailangan ng pag-unawa, pagsubok, pagmamay-ari, imprastraktura, mga hangganan. Kailangan ng isang tao na magsasabi: cool, ngayon gawin natin itong totoo.

150~

151Siguro ang hinaharap ay hindi tungkol sa pagpili sa pagitan ng "seryosong" programming at "vibe" programming. Marahil ito ay natututong magpalit ng gamit: maggalugad nang basta-basta, pagkatapos ay pagsamahin nang may paggalang.

152~

153Ang bahagi ng tao ay naroon. Alamin kung kailan tatakbo at kung kailan uupo at basahin ang diff.

154~

155## Mga Pinagmulan

156~

157- [Simon Willison: Hindi lahat ng AI-assisted programming ay vibe coding](https://simonwillison.net/2025/Mar/19/vibe-coding/)

158- [OpenAI: Paano ginagamit ng mga tao ang ChatGPT](https://openai.com/index/how-people-are-using-chatgpt/)

159- [GitHub Blog: GitHub Copilot coding agent](https://github.blog/ai-and-ml/github-copilot/introducing-github-copilot-coding-agent/)

160- [Anthropic: Mga epektibong ahente sa pagbuo](https://www.anthropic.com/engineering/building-effective-agents)

161- [Stack Overflow Blog: Bakit ang vibe coding ang hinaharap](https://stackoverflow.blog/2025/04/21/why-vibe-coding-is-the-future/)

162~