Vibe Coding 初學者工作坊|3 小時做出你的個人品牌網站

課程簡介關於講師
Vibe Coding 初學者工作坊|3 小時做出你的個人品牌網站
Vibe Coding 初學者工作坊|3 小時做出你的個人品牌網站

課程簡介

7/30 前僅開放 The DRAFT. Club 第二屆會員報名,8/1 後公開大眾報名

📌 此為實體工作坊,地點為 PCBC 犇亞會議中心(台北市松山區復興北路99號)
📌 工作坊時間:8/29(六)13:00 – 16:00

不用學程式、不用等工程師——用「說」的做出 作品集 / Sale Kit / 接案服務頁,當天拿到公開連結,回家就能放進履歷、社群、名片上。

為什麼要來

個人品牌,需要一個真的存在的地方

IG、Threads、LinkedIn 都是別人的平台,一個屬於自己的網站,才是你能掌握的主場——想放什麼內容、想怎麼呈現、想讓誰看到什麼行動,全都由你決定。

01

用說的就產出

描述需求,AI 幫你寫碼、排版,你專注在「要傳達什麼」,不需要任何程式背景。

02

當天就上線

3 小時內拿到公開網址,回家直接轉發、直接用——不是 demo,是真正的作品。

03

之後自己改

學會維護邏輯,日後加作品、改文案、換版面都不用再找人,完全掌握在自己手上。

課程行程

從 0 到公開網址,3 小時完整走一輪

從需求釐清、實作開發到部署上線,每位學員帶走一個真的能打開的公開網址——可以直接貼進履歷、IG Bio、名片上的作品。

8/29(六)14:00 – 17:00實體工作坊實作 70–80%

13:00 – 13:50

AI Agent 協作 × 讓你的個人網站先長出來

從 0 開始把 AI Agent 協作環境準備好,並用 Vibe Coding 把你的個人網站先打下第一版——Hero、核心區塊都先到位,整體輪廓跑出來,看得見、打得開。

AI Agent 環境設定:帳號、專案、工作區一次設好,之後想做任何新網站都能直接開工
用「說」的產出第一版:描述定位與風格,AI 生成初稿,學會怎麼下指令讓畫面更貼近你要的樣子
調整版面與內容結構:把第一版從「範本樣」變成「你的樣」,區塊順序、視覺重點都現場調好

13:50 – 14:00

休息 10 分鐘

喝口水、伸展一下、看看別人做到哪。

14:00 – 14:50

一鍵上線 × 讓網站被找到、也安全地公開

把網站從本機部署上線——拿到公開網址後,順手把 SEO 與資安該設的都設起來,讓網站不只能打開,還能被找到、安全地公開。

部署上線:不用懂伺服器,跟著做就能把網站變成可分享的公開連結
SEO 基本設定:標題、描述、縮圖(OG image)怎麼設,讓 Google 與社群分享時看起來正確、專業
基本資安設定:透過幾項必要的表頭設定,避免網站上線後被隨意索引或嵌入,建立個人網站該有的基本防護

14:50 – 15:00

休息 10 分鐘

第二段休息,準備進入最後的精修與分享。

15:00 – 16:00

個人品牌文案打磨 × 成品互看互評

把網站文案打磨到位——不只是「講清楚」,而是能精準傳達個人品牌的溫度與定位。最後現場互相看成品、交換回饋,帶走屬於自己的上線作品。

個人品牌定位一句話:Hero 區那句最重要的話,怎麼寫才讓人記得住、想繼續看下去
文案精修:用 AI 協作迭代每個區塊的文字——從冗長變精準、從制式變有人味
成品分享:現場公開網址互看、互相給回饋,帶走社群同溫層的真實反饋

學完立即擁有

帶得走的產出與能力

01

一個上線的公開網址

當天部署完成,直接可以貼進履歷、IG Bio、合作提案——不是練習作,是真正可以用的作品。

02

與 AI 協作的心法

學會怎麼描述需求、給脈絡與範例,讓 AI 產出更準、迭代更快,帶回日常就能用。

03

自己維護網站的能力

之後想加作品、改文案、換版面都能自己動手,不用每次回來找人幫忙。

04

可複用的 Vibe Coding 思路

不只做網站——同一套方法能延伸到 landing page、課程頁、活動報名頁,想做什麼都能做。

講師簡介

你的工作坊講師

image.png

Willy・柏燁

Brickverse 創辦人暨講師

擁有超過 7 年程式教學經驗,專注於把 AI 協作與工具製作落地為企業與職場的實用成果。課程以線下實體互動式學習為核心,透過現場引導、實作演練與即時回饋,打造能讓學員真的動手完成作品的學習體驗。

累積指導超過 2,500 位學員。不只教「怎麼用 AI 寫程式」,更著重在幫助非工程背景的工作者,從零開始做出自己能使用、能展示的數位作品。

臺北大學淡江大學東吳大學工研院104 人力銀行國立臺灣圖書館人資互助會數位簡報室

行前準備

當天要帶什麼

準備好這四樣東西,當天就能全力衝刺。

01

筆電

電池至少撐 3 小時,或記得帶充電線

02

Google 帳號

用來登入 AI 工具與部署平台

03

你的素材

作品截圖、個人簡介、服務項目描述——先挑好你要放上網站的內容

04

一個明確目標

課前會請你選定要做作品集 / Sale Kit / 接案頁,現場就開做

立即行動

3 小時後,你會有一個真的能打開的網站

名額有限,請儘早報名卡位!

📅 8/29(六)13:00 – 16:00 / 🏢 實體工作坊
📍 PCBC 犇亞會議中心(台北市松山區復興北路99號)