--- title: "Vibe Coding 初學者工作坊｜3 小時做出你的個人品牌網站" slug: vibe-coding url: https://thedraftclub.kaik.io/courses/vibe-coding type: paid --- # Vibe Coding 初學者工作坊｜3 小時做出你的個人品牌網站 ## Description 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:50AI 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、課程頁、活動報名頁，想做什麼都能做。講師簡介你的工作坊講師Willy・柏燁Brickverse 創辦人暨講師擁有超過 7 年程式教學經驗，專注於把 AI 協作與工具製作落地為企業與職場的實用成果。課程以線下實體互動式學習為核心，透過現場引導、實作演練與即時回饋，打造能讓學員真的動手完成作品的學習體驗。累積指導超過 2,500 位學員。不只教「怎麼用 AI 寫程式」，更著重在幫助非工程背景的工作者，從零開始做出自己能使用、能展示的數位作品。臺北大學 淡江大學 東吳大學 工研院 104 人力銀行 國立臺灣圖書館 人資互助會 數位簡報室行前準備當天要帶什麼準備好這四樣東西，當天就能全力衝刺。01筆電電池至少撐 3 小時，或記得帶充電線02Google 帳號用來登入 AI 工具與部署平台03你的素材作品截圖、個人簡介、服務項目描述——先挑好你要放上網站的內容04一個明確目標課前會請你選定要做作品集 ／ Sale Kit ／ 接案頁，現場就開做立即行動3 小時後，你會有一個真的能打開的網站名額有限，請儘早報名卡位！📅 8/29（六）13:00 – 16:00 / 🏢 實體工作坊📍 PCBC 犇亞會議中心（台北市松山區復興北路99號） ## Course Info - Lectures: 3 - Downloadable resources: 3 ## Instructors ### Willy・柏燁 *Brickverse 創辦人暨講師* 擁有超過 7 年程式教學經驗，專注於把 AI 協作與工具製作落地為企業與職場的實用成果。課程以線下實體互動式學習為核心，透過現場引導、實作演練與即時回饋，打造能讓學員真的動手完成作品的學習體驗。 累積指導超過 2,500 位學員。不只教「怎麼用 AI 寫程式」，更著重在幫助非工程背景的工作者，從零開始做出自己能使用、能展示的數位作品。 ## Curriculum ### 重要事項 (0m) - 課前準備手冊 (0m) - 行前通知 (0m) - 【補充】串接資料庫簡報 (0m) ## Pricing ### one_time_purchase - NT$2,400 ## FAQ **請問有哪些支付方式？** 我們僅接受信用卡一次付清。 **請問如何退費？** 工作坊當日前 14 天，我們接受全額退費，請提供你購買時輸入的姓名、電子信箱並說明退費原因，來信至（@only3minute@gmail.com），會有專人審核後受理退費。 **購買課程有提供發票嗎？發票可以打統編嗎？** 我們有提供電子發票，課程購買後，會直接寄送到你註冊的 Email 信箱。可以打統編，請記得在付款時「發票類型」選擇「統編發票」，並輸入統一編號與公司抬頭，之後會寄送電子發票到你註冊時留的 Email 信箱。