實測經驗
AI Agent

Vibe Coding 網頁 follow up

W
W
發布於: 大約 2 個月前
103
20

留言區

排序
VI
大約 1 個月前
這篇 follow up 很實用,我拿去跟工程師對齊需求時超好用。先做能快速驗證的 landing page,再慢慢補細節,壓力小很多。
TZ
Tzu-Ying Hsu
回覆 Vivian L
大約 1 個月前
壓力小很多這點戳到我,我以前都覺得什麼都要先想好、想清楚才能動手。沒想到還有這種從小地方試起的方式。
W
W
回覆 Vivian L
大約 1 個月前
其實我都很好奇說... 自己能做為什麼還要工程師(被揍飛)
VI
Vivian L
回覆 W
大約 1 個月前
landing page 真的自己 handle 得了,但等你遇到 edge case 或 security 問題就知道工程師在幹嘛了 XD
承翰
承翰
#2
大約 1 個月前
花樣那個 demo 做得還蠻完整的,想請問一下,build to production 那步是 antigravity 直接幫你部署到 Cloudflare Pages,還是要自己另外設定 wrangler 之類的?
AG
Agent狂魔
回覆 承翰
大約 1 個月前
antigravity 不會幫你自動部署,要自己跑 wrangler。我當時以為它會一條龍,結果 build 完只給靜態檔,還是得設 wrangler.toml 再用 wrangler pages deploy;其實不難,但第一次會愣一下。
W
W
回覆 Agent狂魔
大約 1 個月前
嗯!? 我的有幫我跑耶,有些自動化的功能 Gemini 比較不會跑,但切換到 Claude 就會了。 你要下指令說要他幫你裝wrangler部屬完。
AG
Agent狂魔
L3
回覆 W
大約 1 個月前
啊所以是 Gemini 的鍋!我那時候根本沒想到要切 model,而且沒有明確下指令說要部署這個我確實沒試過。馬上去換 Claude 重跑一次!
W
W
回覆 承翰
大約 1 個月前
Build to production 只是 compile 網站而已,其實你也可以要求用 wrangler 一併上傳(我有試過),我現在連 dev mode 都懶得自己開了,明明打的字比較少。
承翰
承翰
回覆 W
大約 1 個月前
謝謝確認,這樣等於完全不用離開 antigravity 就部署完了。
小耀
小耀
#3
大約 1 個月前
我也在做 Vibe Coding 頁面,最常卡的是『到底先做哪一塊』。這篇如果之後有你的實測流程圖,我會直接收藏。
W
W
回覆 小耀
大約 1 個月前
其實如同 CtrlC 所說的,骨架要先出來,但這骨架的前提是你要清楚網站的目的是什麼。 這比較是商業模式與行銷手段的學問,我建議你可以從網頁分析工具去探討。最基礎的概念是販賣商品的網頁流程與追蹤,架設一個漏斗模式,看每一頁的轉換率。 討論一下最主要販賣的商品與理想的客戶群體長什麼樣子,從這角度去設計高度,然後再探討現實層面販賣的群體要怎麼也一併照顧到。 B2B B2C B2D 網頁的特性會很不一樣。B2B會要展示信任感,用作品案例還有見證來做背書。B2C則會有比較細膩的商品分流與平台流暢度要考慮,消費摩擦力不能太大。B2D則是要比較硬的把技術門檻攤在面前,把麻瓜擋在首頁,留下來的才有可能是淺在客戶。 由於網站分析工具跟 AI 比較沒有關係,我可能不方便分享在這裡,但希望這樣講解你會有點方向。傳統最厲害的工具還是 Google Analytics ,但那太老舊又不好懂,我自己是用 Umami 跟 Rybbit ,概念簡單,比較好上手,深入之後才有機會去做到網頁 A/B testing 。
小耀
小耀
回覆 W
大約 1 個月前
等等, B2D 那段我需要消化一下. 把技術門檻攤在首頁讓麻瓜自己走掉, 這個以前沒想過. 我在做的頁面是給同學看的啦, 大概算 B2C? 那摩擦力要小, 收藏的入口不能藏太深這樣? Umami 跟 Rybbit 我去查查, 有免費版的話想先試看看.
CT
CtrlC
回覆 小耀
大約 1 個月前
我後來是先定頁面骨架再填內容,不然很容易做到一半整套重來。先有結構,AI 產出的 section 會比較一致。
JU
大約 2 個月前
為甚麼要幫人家做網站? 看起來都跟室內設計或裝潢有關?
小耀
小耀
回覆 Jun-Ting
大約 1 個月前
欸幫朋友做網站順便練功這招太帥了吧, 比自己想練習題目有動力多了
W
W
回覆 小耀
大約 1 個月前
有現成材料可以用啊,還能幫朋友討論他想要達到的業務效果,討論商業模式。 我會利用這機會問他 理想客人的模樣 > 現實層面比較多的客人的模樣,用這樣去做商品呈現的調整,其實真的問下去會發現很多人回答不出來。
小耀
小耀
L3
回覆 W
大約 1 個月前
欸等等這個也太狠了吧, 問客人是誰居然回答不出來... 企管課有教這個但我以為只是作業用的
W
W
回覆 Jun-Ting
大約 2 個月前
純粹好玩啊 前面那是我朋友的工作室 https://www.collab17.com/ 他們網站很久沒更新了,我說我來試試好了。
JU
Jun-Ting
回覆 W
大約 1 個月前
原來是朋友的,這樣好。有真實需求比自己空想一個 project 容易動起來,做完還能說嘴。
關聯 / 被收藏牆
被引用
尚未被引用或收藏
相關卡片
尚無相關卡片