給 Vibecoder 的第一本詞典

不用學寫程式,
先學會把話說清楚。

用繁體中文寫給 Vibecoder 的入門詞典:300 個網站與 AI 術語,白話解釋、可以動的互動示範,還有現成的 AI 提示詞讓你直接複製。

300 個術語·7 章·2 門實作課·300 個可以動的示範

目錄

七章、七種主題。照著讀最有系統,急著用的人直接搜右上角。

網頁基礎Web Basics62 詞 · 全部可以動手試

開始做網站之前,先弄懂這個行業的分工和黑話:誰在前、誰在後,東西放在哪、怎麼拿,瀏覽器都在幫你做些什麼。

介面元件UI Components59 詞 · 全部可以動手試

畫面上的積木總覽。叫得出名字,AI 就知道你要哪一塊、放在哪裡、按下去要發生什麼事。

版面與樣式Layout & Style60 詞 · 全部可以動手試

積木之外,還要會描述整面牆:東西怎麼排、顏色怎麼配、字怎麼挑、要走什麼風格。

動態效果Motion21 詞 · 全部可以動手試

會動的網站感覺比較貴——但要動得剛好。學會這些詞,就能跟 AI 說清楚你要的感覺,還有什麼時候該忍住。

跟 AI 合作Working with AI29 詞 · 全部可以動手試

跟 AI 一起做東西的完整詞彙表:怎麼下指令、它為什麼會胡說八道、想加進網站的 AI 功能各叫什麼。

開發與維運Dev & Ops31 詞 · 全部可以動手試

東西做完只是一半:版控、測試、部署、資安——讓網站活著而且安全的那一攤事。

產品與流程Product & Process38 詞 · 全部可以動手試

做完網站之後的生意經:需求怎麼定、數據怎麼看、錢怎麼收、人怎麼合作。