我把兩千多篇文章,煉成一面金句牆:不會寫程式,也能用 Vibe Coding 打造產品
跳至主要內容

我把兩千多篇文章,煉成一面金句牆:不會寫程式,也能用 Vibe Coding 打造產品

劃線:Vista 的金句牆

這篇文章,簡單記錄了我怎麼從一個念頭開始,做出一面叫 劃線 的金句牆。它的功能很簡單:你可以逛逛、能搜尋,更可以把你有共鳴的句子一句一句分享出去,每一句都連得回原文。更棒的是,背後還默默幫我統計哪些話最多人點、最多人轉分享。

而我想先說一件事:這整面牆,我沒有寫半行我自己看得懂的程式。

一個念頭:那些好句子,不該被時間埋掉

這個故事,要從我盯著自己的後臺發呆說起。

我寫了很多年的部落格,至少累積了兩千多篇文章。這是一件很幸福的事,但也藏著一個我一直沒好好面對的問題:那些我當年很用力寫下、自己讀了都會停頓一下的句子,全都沉在時間的底層。新讀者不會沒事翻到兩年前的貼文,連我自己都快忘了曾經寫過的那些話。

內容是會流走的。你花了整個晚上打磨的一段話,發出去、被幾百個人看過,然後就往下沉,再也沒有機會浮上來。

我想把它們撿回來。

不是把兩千篇文章重貼一次,而是像讀一本好書時那樣:拿起筆,在最值得再讀一次的那幾行底下,輕輕劃一條線。所以這面牆,我後來就叫它「劃線」。

念頭有了,接下來就是那道每個非技術背景的人都會撞上的牆:這東西,誰來做?

我不會寫程式,但我可以 Vibe Coding

如果是三年前的我,這個念頭大概就到此為止了。因為做這種東西,聽起來就得會前端、會後端、會資料庫、會部署,光是想到要學這些,就已經一個頭兩個大了。

嗯,但現在不一樣了。如今我可以 把想法直接說給 AI 聽,讓它替我把程式寫出來,我負責的是判斷、取捨、和守住品質。這件事,就是 Vibe Coding(另開新分頁)。

我很喜歡自己曾經寫下的一句話,這次做「劃線」的過程,剛好又驗證了一次:

語法不再是門檻,能不能把腦中的畫面說清楚才是門檻。而說清楚這件事,寫作者每天都在做。

你發現了嗎?寫作者(另開新分頁) 的優勢,在 AI 時代反而被放大了。因為做產品最難的從來不是打字,而是想清楚你到底要什麼。而「想清楚、說明白」,正是我們這些靠文字吃飯的人,每天都在鍛鍊的肌肉。

所以,我沒有去學 HTML 語法。我做的第一件事,是坐下來,把腦中的那面牆想清楚。

先想清楚要什麼:這才是真正的工作

動手之前,我逼自己回答了幾個問題。這些問題沒有一個跟程式有關,卻決定了這面牆最後長成什麼樣子。

這面牆要「多」還是要「精」?我選了精。與其塞進幾千句讓人眼花,不如嚴格篩選,只留下真正「還想再讀一次」的數百個句子。留白,是一種美感,也是一種尊重。

至於要怎麼逛?我不想照年份排,那太像流水帳。我選擇用主題分區:一人公司、AI 協作、寫作、行銷品牌、職涯工作、學習心態。再加一個「隨機劃一句給我」的入口,讓人可以憑緣分,遇見一句剛好說中今天心情的話。

每一句都要能單獨分享,而且分享出去要好看,要能一路連回原文,把讀者帶回那篇完整的文章。

最後,我也想知道哪些話真的打中了人。所以,每一句被看到幾次、被幾個人點去讀原文、被幾個人轉分享出去,我都想默默記下來。

你看,到這裡,我其實已經把整個產品設計完了。而我一行程式都還沒碰。這就是我想讓你看見的事:在 Vibe Coding 的世界裡,最值錢的不是會不會寫程式,而是你腦中那張清楚的藍圖。

讓 AI 讀完兩千篇,而我只守住一件事:真

接下來,我請 AI 幫我讀完近兩千篇中文文章,一篇一篇挑出最值得收藏的那一句、幫它分好主題、打上分數。

但這裡有一條線,我從頭到尾守得死死的:金句必須是我原文裡「一字不差」的句子。

我不要 AI 幫我「潤飾」,不要它把兩句不相鄰的話拼成一句更漂亮的,更不要它自己杜撰一句聽起來很像我、但我根本沒說過的話。因為這面牆掛的是我的名字,憑藉的是讀者對我的信任。漂亮但虛假的句子,一句都不能有。

於是,我加了一道逐字比對的關卡:AI 挑出來的每一句,都要回頭去原文裡驗證,確認真的存在、真的是我寫的,才准掛上牆。過程中它確實想偷偷改寫幾句,全被擋了下來、原句還它。最後留下三百多句,句句都經得起你去點開原文對照。

我很在意這件事。因為工具再強,會不會用、敢不敢為結果負責,最後還是回到人身上。AI 可以是筆,但握筆的那個人,得是你。

說到用 AI 輔助寫作、又要守住分寸,這其實不只是做產品時的堅持。如果你的工作需要更嚴謹的研究與書寫,寫論文、做研究、產出經得起檢驗的內容,那麼「怎麼讓 AI 幫上忙、又不越界」,就是一門需要方法的功夫。我把這套心法,整理成了一場實戰工作坊:

AI 賦能學術研究與寫作實戰工作坊(另開新分頁)

在《AI 賦能學術研究與寫作實戰工作坊(另開新分頁)》裡,我會帶你把 AI 真正用在研究與寫作的關鍵環節:從文獻爬梳、論點打磨到成稿精修,同時守住學術該有的嚴謹與誠信,讓 AI 放大你的專業,而不是替你捏造專業。

👉 立即了解課程內容:solo.tw/courses/ai-academic-writing(另開新分頁)

過程從來不是一路順的

我知道很多人以為 Vibe Coding 就是對 AI 說一句話、東西就變出來。實際上不是,它比較像帶一個很聰明但需要磨合的新同事。

做這面牆的路上,我踩了不少小坑。有一次金句的字型悄悄變成了黑體,讀起來就是少了那股書卷氣,我盯著看了好一會兒才發現不對,退回去換成襯線體。有一段統計的程式,讀者在頁面之間跳來跳去之後就默默失靈、漏記了資料,我把問題描述給 AI,一來一回才把它補好。分享按鈕原本只是冷冰冰一顆「複製分享」,後來我覺得不夠直覺,乾脆拆成一整排圖示:Facebook、Threads、X,還有複製。

這些來回,才是真實的樣子。重點不是第一次就完美,而是你有沒有耐心,一個一個把它修對。這跟寫作其實一模一樣:好文章不是寫出來的,是改出來的。

到可以被看見、被分享的那一刻

當這面牆終於長成我腦中的樣子,我還是有點感動的。

你可以到 劃線 逛逛。你會看到三百多句被我劃了線的話,按主題排好;你可以搜尋、可以按「隨機劃一句」碰碰運氣;點開任何一句,都是一張乾淨的單句頁,配著一張自動生成的分享卡,順手就能發到社群,而且每一句都牽著一條線,通回它出生的那篇文章。

一個下午,一個原本只存在念頭裡的東西,就這樣上線了。

Vibe Coding 教我的事

做完這面牆,我對 Vibe Coding 又多了一層體會。

它不是要取代你的判斷,而是放大你的判斷。這整個過程,每一個決定都還是我在做:要精還是要多、品質的門檻畫在哪、哪裡看起來不對勁、哪一句不夠真。AI 負責把這些決定又快又好地實現出來。我省下的是怎麼做的力氣,換來的是更多做什麼與為什麼的空間。

換句話說,AI 沒有讓我變得更不像我,反而讓我更有餘裕,去做那些只有我能做的事。

你把 AI 當成會發光的玩具,它就只能帶來三分鐘熱度;你把 AI 當成可靠的助手,它就開始替你搬走那些長年壓在肩上的石頭。

所以,你也可以開始

其實,我大概知道你在想什麼。因為過去這幾個月,我在很多公開演講和企業內訓的場合,反覆被同一句話問到:「Vista,這聽起來很棒,但我一個人,根本不知道從哪裡開始?」

我想把自己很喜歡的一個信念送給你:不必等到完全懂才開始,先用起來,靈感會自己跑出來。

你不需要先變成工程師,才有資格動手。你只需要一個真心想解決的問題、一點把想法說清楚的耐心,然後 今天就開始,而不是之後再說。

如果你想要一個地方,好好把 Vibe Coding(另開新分頁) 學起來,歡迎來 builder.tw 逛逛。那是我在打造的 AI Builder 學院,專門陪不會寫程式的創業者、講師、顧問和專業工作者,把腦中的想法,一步步變成真的做得出來的產品。

想跟我學 AI 實戰?看近期開課 →

也歡迎你先來逛逛 劃線 那面牆。挑一句你有感覺的話,劃下你自己的第一條線。

然後,接下來就換你動手了。

讀完,下一步

把內容做成一套系統

11.14週六上午

內容人報名中

AI 內容產製系統工作坊

一份素材,自動產出六種格式

09:00–12:00・實體・臺北・每場限額 16 人

繼續讀:寫作完全指南動手試:Vibe Coding 選案器(另開新分頁)