vibary.art：用 vibe coding 把 42 本經典書變成互動網頁

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

vibary.art 是一個把 42 本經典書各做成一個獨立網頁的免費線上實驗，作者對外宣稱全程用三個 AI 模型分工、兩週內寫出近十萬行代碼，但網站首頁同時掛著一句話提醒：內容是原始素材、細節可能未經核對。真正值得你花十分鐘點開的，是作者把 vibe coding 這個 2025 年度詞拿去做書籍轉譯時，刻意保留的那種誠實粗糙感。以下製程數字均為作者於 Product Hunt 的自述，本文只造訪官網核對、未實測程式碼，會一路標清楚是誰說的。

vibe coding 是 Collins 字典選出的 2025 年度詞，大意是開發者不再逐行寫程式，而是用自然語言指揮 AI 產出整段功能，自己只做協調與判斷。這個詞最初由 AI 圈創業者 Andrej Karpathy 在 2025 年 2 月的一則推文提出，形容那種「放手讓模型寫、自己只看大局」的程式姿態，一年之內從工程師的私人笑話變成被字典收錄的文化關鍵詞，也代表這套工作法已經走出技術圈。它過去一年多半出現在工程師的對話裡，例如 TechMoon 介紹過的 vibe-kanban-ai-coding-agent 就是一條把 vibe coding 工作法帶進專案管理的路線。Vibary 把同一套方法搬進文化創作領域，搬的對象是 42 本你可能在書架上看過的書，這個位移本身就是它值得注意的地方：把原本用來蓋軟體的方法，拿來重新詮釋既有的文化作品，這在 2026 年的 AI 內容應用裡仍是一個相對少見的方向。

42 本書，42 種網頁長相

打開 vibary.art 首頁會先看到一句「VIBE CHECK. CLICK TO INITIALIZE」，點下去之後整個書庫攤開。42 本書的清單從頭到尾完整列在首頁，中英文版各一份、數量一致，從《三體》《人類大歷史》《自私的基因》一路到《深度工作力》《系統思考》《國家為什麼會失敗》，主題涵蓋科普、哲學、設計、心理、小說、經濟，是那種會出在大學新生書單或年度必讀榜的組合。真正的賣點是每一本書在網站上各自長成不同的樣子。

首頁滾動時就能看到差異化的證據。麥爾坎·葛拉威爾的《引爆趨勢》被做成一片印著「臨界點、閾值、沸點」幾個大字的版面，像一張展覽海報；朱迪亞·珀爾的《為什麼》跳出來的是一張因果圖，用 P(Y|do(X)) 這個 do-calculus 公式帶出基因、抽菸、焦油、癌症的因果鏈；約瑟夫·穆勒-布羅克曼的《平面設計中的網格系統》直接給你一個 TOGGLE GRID 按鈕讓你切換網格顯示；艾瑞克·喬根森整理的《納瓦爾寶典》用 ISBN 風格的目錄卡片呈現；孔恩的《科學革命的結構》則放了一句「Science progresses through revolutionary paradigm shifts」當主視覺。同一個網站、同一套技術棧，五本書是五種完全不同的表達手法。這是 Vibary 在工具導覽文這一類裡最硬的證據：每本書確實被當成獨立的設計題目處理，沒有套用同一個模板。

Pin

這個書庫在首頁打出一個有意思的副題：VOL.001 // THE MEDIUM IS THE MESSAGE。這句話借自傳播學者麥克魯漢的經典命題，大意是「承載訊息的媒介本身就會改變訊息的意義」。把這句話掛在書庫入口，等於作者自己把這個專案定位成一次媒介實驗，而不只是把書的重點整理成網頁。理解這一層之後，前面那些差異化的視覺手法就有了統一的解釋：作者在問「這本書如果換成網頁這種媒介，它該是什麼樣子」，這是一個文化翻譯的問題。

書庫還用了一套很有圖書館氣息的編目語彙來強化這個定位。首頁掛著一條 AX-2025-VIBE 的標記，每本書的卡片上都附一組 ISBN 風格的流水號（例如 ISBN-3590、ISBN-4394），並標上 VOL.001、VOL.002 這樣的卷期編號。這套編目是裝飾性的，對應不到真正的 ISBN 系統，但它傳達的訊號很明確：作者把這個網站當成一座有編號、有卷期的數位圖書館在營運，而非一份書評清單或讀書心得。這個姿態也解釋了為什麼每本書要做成獨立網頁，因為圖書館的每本書本來就是獨立的物件，不該被擠進同一個版型。

作者說的 vibe coding 到底怎麼分工

網站本身沒有放上技術文件或製程說明，下面這段製程細節全部屬於作者宣稱。Rand 說整個專案近十萬行代碼裡有 99.9% 是 AI 寫的，他在兩週內用三個模型分工完成：Claude 的 Sonnet 4.5 負責為每本書組織敘事線索，Google 的 Gemini 3 負責網頁設計與前端結構，OpenAI 的 Codex 處理他口中的雜活與功能邏輯。作者本人不寫功能碼，而是同時開多個編輯器、讓不同模型平行產出，自己扮演指揮者。

把這段作者自述拆開來看，有兩個地方值得記下來。其一，開發者主動把任務按模型特長切三段，敘事歸敘事、設計歸設計、雜活歸雜活，這個分工本身就是一種創作判斷，跟 TechMoon 先前討論過的 cangjie-skill-claude-code 那種把 AI 工具拆成技能模組的思路遙遙呼應。其二，Rand 在同一串留言裡承認，整個專案的內容與體驗目前並不完美、甚至可能有錯，構成比例約是八成 AI 加兩成人類。這個百分比是作者本人的主觀估計，沒有附計算方式，重點在於作者願意在一個對外展示的作品上，直接掛出「內容可能甚至有誤」這種多數創作者會盡量藏起來的話。

網站自己標「內容可能錯」，是 feature 不是 bug

vibary.art 首頁有一條固定橫幅寫著 WORK IN PROGRESS，底下接一句 DETAILS MAY BE UNVERIFIED，中文版對應的是「內容暫未完整校對、細節可能存在錯誤」。這條字並非開發者忘記拆掉的佔位文字，它就掛在每個訪客第一眼會看到的位置。把這條橫幅擺出來、而非藏到 about 頁面，是一個有意識的選擇，它直接決定了你應該用什麼姿態讀這個網站。

多數 AI 生成內容的麻煩在於把錯誤包裝得很像確定答案。Vibary 反過來，把不確定性寫進入口，連書本網頁裡那些引言、摘要、數字都預設你應該帶著核對的心態看。這對讀者其實是好消息：你不用花力氣猜這一段到底是作者寫的還是模型編的，因為作者已經先把整批內容標成未校對。但這同時也是一個會直接改變結論的限制，後面會談到。把橫幅當 feature 來看，它其實是這份實驗最像創作主張的部分：作者真正在意的，是你帶什麼假設進來看這個網站。

把這層觀察拉到 2026 年的內容生產現場，會看到它特別的位置。過去一年主流的 AI 內容工具多半往「讓產出更像人寫、更像沒有 AI」的方向走，從寫作助手到去 AI 味的人文化工具，目標都是把模型痕跡抹掉。Vibary 走相反方向，它不藏 AI 的參與，反而把「這是 AI 做的、可能會錯」放大到首頁。這兩種路線沒有誰對誰錯，但反映出兩種對誠實的想像：一種是把 AI 痕跡清乾淨讓讀者不必分心，另一種是把 AI 痕跡標清楚讓讀者自己判斷。Vibary 屬於後者，而這個選擇讓它比那些假裝沒用 AI 的同類內容更值得點開，因為你知道自己面對的是什麼。

Pin

授權空白與製程數字：點開前要先接受的事

把現場看到的、作者自述的、與外部資料兜在一起，有幾個會直接影響你判斷的限制要先講。

內容可靠度是第一個疑問。網站與作者都明說了細節可能有錯，實際上也確實存在被讀者點出的問題，Product Hunt 上唯一的評論給了一顆星，理由正是對書籍內容引用與法律授權的疑慮。把這個網站當探索性的視覺作品看沒問題，把它當查證書本內容的資料庫來用就不適合，你看到的任何一句書中引言都應該回原書核對。

授權空白才是更實際的風險。vibary.art 上沒有可見的授權聲明頁或服務條款，書本內容的引用範圍、改作權利、商業用途邊界，作者都沒有交代。這對一個純展示的實驗專案或許可以接受，但意味著你不該把這個網站的內容直接搬到自己的公開作品裡。作者自己在 Product Hunt 提過未來可能開放讀者自建書頁，但這個功能在本文造訪時還沒上線。

難驗證的是那組製程數字。作者公開的 GitHub 帳號（Rand-Cat）底下沒有 vibary 的程式碼儲存庫，近十萬行、99.9% AI、兩週完成、三模型分工這幾個數字，都只有作者一方的說法。這不必然代表不真實，但在工程圈的共識裡，沒有第三方重現的製程數字，本來就該當方向性參考、而非定論。同理，網站的整體架構（純前端、無後端）也是作者自述，雖然前端沒有可見的登入流程或伺服器端 API 呼叫，這仍屬外觀觀察，不是架構查證。

書單本身的偏向也值得點出。42 本書以英語世界的經典非虛構與思想類為主，中文讀者熟悉的在地書目幾乎不存在，這反映了作者個人的閱讀座標。另一個要先知道的事：vibary.art 的中文版用的是簡體中文（書名也用大陸譯名，例如《人類簡史》《引爆點》），不是繁體中文版。如果你期待看到華文創作、非西方視角的書，或習慣讀繁體，這裡不會滿足你。

作者的背景是可以查的，這點在 AI 生成內容氾濫的當下值得記一筆。Rand 的個人站 zhijie.app 公開列了他過去幾個作品，包括 Vibary 在內的幾個附帶小專案，X 帳號與 GitHub 帳號（Rand-Cat）都從 Vibary 網站直接連得過去，並非匿名的黑盒帳號。可以查到作者、看得到過去的作品軌跡、作者本人也願意對外說明製程與限制，這三個條件加起來，讓 Vibary 比那些來路不明的 AI 生成內容農場可信一些，但仍不足以把作者自述的製程數字當成查證過的事實。

想看 vibe coding 落地成品的讀者，直接點這裡

Vibary 適合三種讀者：對 vibe coding 這個工作法好奇、想看到一份真實落地成品的開發者；對書籍轉譯、資訊視覺化、編輯設計有興趣的創作者；以及純粹想知道 AI 生成內容在文化領域長什麼樣子的好奇讀者。反過來說，如果你想找的是嚴謹的書評、可信賴的引言資料庫、或拿來做引用來源的知識庫，這個網站目前的粗糙度與授權狀態都不適合，book-excerpt-card-generator 那類把書摘做成可重用卡片的工具會更貼近你的需求。

想看就直接打開 vibary.art，首頁選中文或英文版都行，點 VIBE CHECK 按鈕初始化書庫之後，從首頁任選一本你有讀過的書點進去，比較一下作者的詮釋跟你自己的印象差在哪裡，這是這個實驗有意思的用法。看完一本再換一本，你會慢慢看出 vibe coding 在同一位指揮者手上，能變出多少種不同的表達手法，以及它通常在哪一種書上容易走音。