AI質感網站工作坊AI Agent 工作術AI 知識管理工作坊從 0 到 1 的 Vibe Coding 工作坊
日期回放影片6/16(二)6/23(二)回放影片
早鳥期間-6/76/13-
早鳥-NT$ 1,980NT$ 1,200-
原價NT$ 1,600NT$ 2,800NT$ 2,400NT$ 3,600
核心目標做出一個低AI味、有質感的網站、作品集、部落格並上線用Claude Cowork、Claude Code 等AI Agent解決生活繁雜事項讓 AI 幫你整理、分類、找到、用掉每一個想法用一個完整案例,帶你掌握 Vibe Coding 從 0 到 1的完整開發流程
核心知識點好看網站Prompt下法、網站風格、排版、組件、網域、SEO、上線AI Agent的使用方式、拆解生活中可以交給AI做的事、建立成工作流省時間從「人驅動」改成「AI 驅動」的知識管理架構、資訊流動設計、AI 讀得懂的分類法功能設計心法、電腦手機框架怎麼選、串資料庫API、Git技巧、部署、基礎資安
案例個人網站工作流與Skill個人知識庫個人儀表板App
程式
視覺
生活化
上手難易度
詳情詳情詳情目前瀏覽

用 AI 的力量
把你的想法 化為真實

一行 Code 都不用會寫
從零打造屬於你的小工具、網站與 App

Concept

什麼是 Vibe Coding?

Vibe Coding 是一種全新的開發方式:
你不是在學寫程式,而是在學 如何用自然語言指揮 AI 生成程式

傳統:學語法 → 卡關 → 挫折
Vibe Coding:描述需求 → 作品成形

你不需要會寫程式
只需要知道
怎麼跟AI說

你得到的不單單只是知識,而是 打造成品的能力。

為什麼 Vibe Coding 是
未來人人都必備的
超能力

因為未來每個人都需要具備「能讓 AI 為自己解決問題」的能力。它不是工程師專用,也不是做產品的人才用得到,而是像 Word、Excel 一樣——會用的人效率暴增,不會的人始終受限。

Vibe Coding 讓你在生活、工作、學習、創作中,遇到問題就能自己做出小工具、小功能或自動化流程,不必懂程式語法,也不需依賴外包。這會是未來所有人的基本能力分界線。

沒學會 Vibe Coding

  • 面對大量資訊
    Excel 手動排序、手動清理欄位,做到頭昏眼花。
  • 重複性工作
    逐筆貼資料、逐份改格式、逐張轉圖片。
  • 做決策
    開十個分頁比價、自己拉表格、自己整理優缺點。
  • 想改善工具不合用的問題
    用不順手的 App 只能忍著;有的小需求永遠做不到。
結果:效率低落,受限於工具

學會 Vibe Coding

  • 面對大量資訊
    叫 AI 做個「清洗+分類小腳本」,一鍵就把資料排好。
  • 重複性工作
    自動化流程自己跑,你只需要按「開始」。
  • 做決策
    把資料丟給 AI,它直接生成比較表+排序邏輯。
  • 想改善工具不合用的問題
    請 AI 幫你做「自己的小工具」,完全符合自己的使用習慣。
結果:效率暴增,工具為你所用

Vibe Coding
可以做到什麼?

Vibe Coding 最大的價值,不是教你寫程式,
而是讓你在極短時間內「擁有可上線的作品」
你能把原本需要工程師、設計師、外包團隊才能完成的工作
AI 和你的腦袋完成

個人網站與作品集

包含頁面設計、版面配置、RWD、互動動畫。

部落格內容系統

具備後台、文章分類、標籤、圖片管理與 SEO。

高轉換率銷售頁

從排版、資訊架構到視覺細節,全部自己完成。

工具型 App / MVP

清單工具、計算器、規劃工具等,用自然語言生成。

後台與資料庫

登入、資料儲存、列表、篩選、搜尋、API 串接。

個人工作流工具

表單處理、內容整理、筆記管理。

My Story

我的 Vibe Coding 故事

從數年前,我就一直有打造自己產品或網站的希望。

我是一個很在乎細節的人。
常常軟體用不順手,總想自己打造一個訂製功能;
想呈現腦海中的網站排版,卻受限於區塊編輯器總是卡關;
或是打造一個實現想法的 App,卻不知從何開始。

我曾去問過軟體接案報價,數十萬的高昂費用 讓人卻步;
也曾參加聚會想找過工程師,無奈沒人脈難以達成合作。

直到去年 AI 開始能拿來寫程式

我看到了希望
一個讓沒有程式背景的普通人
也能實現想像的希望

Showcase

我用 Vibe Coding 做了什麼?

個人作品集網站

個人作品集網站

盡情發揮腦中想像,做出最符合自己的作品集。

完整部落格系統

完整部落格系統

跟Wordpress的臃腫與昂貴的插件說再見。

高轉換率銷售頁

高轉換率銷售頁

品牌頁、課程頁、活動頁,全部自己設計、一天上線。

自用創作 App

自用創作 App

一鍵再製、多平台管理,讓創作過程更有效率。

重點是:

我一行 code 都沒寫

就完成了一個個完整的作品

Case Study

實作案例:客製化儀表板

在工作坊中,你會學到如何打造一個專屬於你的儀表板 —— 不只是好看,而是真正能用在日常工作中的強大工具。

my-dashboard.app

進行中專案

7

本月接案收入

$42K

待回覆訊息

3

AI 自動化任務

12

專案管理

追蹤進度、管理待辦事項,所有專案一目瞭然。

串接 LINE

客戶訊息直接進入儀表板,不再漏接任何重要對話。

Email 自動化

自動發送通知信、跟進信,省下重複溝通的時間。

報價單製作

輸入金額與項目,一鍵產出專業客戶報價單。

同時也是你和 AI Agent 協作的工作台

想掌握用 AI Agent 打造能應用在生活、工作中的高效工作流嗎?歡迎報名「AI Agent 工作流工作坊」,學會讓 AI 自動幫你處理日常瑣事。

了解更多

如果你也想獲得 Vibe Coding 的超能力

從0到1的Vibe Coding工作坊:把想像變成現實

在這個 AI 能力爆炸的時代,你不必會寫程式,也能讓 AI 為你打造小工具、網站,甚至是 App。

為什麼會有這堂工作坊

大家腦中都有想過:

如果我能做一個小工具就能解決每天浪費的那些時間就好了。
如果我能讓 AI 幫我整理資料、處理流程、跑流程就更好了。
如果我能把自己的想法做成能實作的產品就好了。

但卻總卡在:

html? Next.js? 要用什麼框架開發?
崩潰了、出錯了,不知道怎麼改
AI 到底說了什麼?救命!
面對密密麻麻程式碼,不知道怎麼起頭

那種無力感,我懂。

幾個月前,我踏入了 Vibe Coding 的世界。那時沒人告訴我 AI 說的我不懂、靠著無數夜晚與 AI 不斷對話的經驗,我逐漸理解了 Vibe Coding 所需要知道的一切。

幾個月後,我依然沒完整寫過一行程式碼,但我卻能成功開發出:

自用的小工具、流程自動化
能上線的手機 App
數個銷售頁與完整部落格網站

這讓我確信:你缺的不是寫程式能力,而是能讓你在看不懂程式碼的情況下,也能指揮AI幫你寫、把任何想法做出來的「Vibe Coding」

你會在工作坊學到什麼

一、需求面:把想法轉成能被 AI 執行的指令

你會學會如何將自己的想法轉換為需求、如何引導 AI 做出你想要的功能,以及那些開發中最關鍵的心法與技巧,讓你在運作時更順暢,遇到問題也知道怎麼請 AI 協助修復。

二、技術面:理解架構,而不是寫程式碼

這個工作坊不是教你懂程式,而是讓你懂「架構」。

前後端、API、框架、語言、部署……你只需要有一個全盤概念,剩下的由 AI 與工程師模式來幫你補齊。 在短時間內,你會具備用 AI 做出腦中想像的工具、網站與 App 的能力。

和「AI 質感網站工作坊」的差異

AI 質感網站工作坊:重視「視覺呈現」

你會學到如何用 AI 做出好看的網站畫面,但不會深入資料庫、資料流、功能邏輯等層面。它屬於「前端視覺」的範疇,用美感與版面讓網站看起來更有價值。

從0到1的Vibe Coding工作坊:重視「系統能力」

你會學到如何把需求拆解、與 AI 協作、建構能運作的小工具與流程。會包含:資料如何進來、怎麼被處理、如何串接其他服務、如何讓功能真正跑起來。它不是畫畫,而是讓你的想法具備「可運作的成品」。

這次工作坊真正要給你的,不只是「成品」,更是「藍圖」

你會理解如何選擇 AI 和開發工具,以及從零開始建立的流程
你會知道從需求到框架的轉換、以及如何用現成套件省下大量時間
你會知道你的 LINE、會員系統、資料庫之間,到底該如何串接
你會知道當程式壞掉時,怎麼和 AI 一起把問題找出來,然後解決它
然後,你會親手把你的想法變成「可以真的跑的原型」並上線。

等於說,你能在三小時獲得我半年以來與AI對話數百輪,所累積的Vibe Coding 經驗大禮包
讓你把試錯時間省下來,用在打造成品上

更重要的是:這場工作坊學到的通用觀念與技巧,能讓你具備獨立開發任何類型作品原型的能力。

你會帶走「從無到有」的完整方法,以及能在未來一次次複製成果的技能組。

工作坊流程

我們採用邊學邊做的形式
不會說全部都在學,或是只有做但不知道怎麼開始

Module 01階段一
把想法變成「AI 能聽懂的需求」

第一步,我們會把你腦中的想法拆解成 AI 可以直接開始動手做的清晰指令。你會發現,做產品的門檻比你想像的還要低。

釐清並拆解需求:把模糊的想法,轉化為具體的開發藍圖
精準溝通心法:學會讓 AI 一次就聽懂的指令邏輯,不再鬼打牆
視覺化草圖:用工具快速畫出介面,轉成結構化提示詞
01

Vibe Coding 重要的不在「看懂程式」
而是能不能把需求說清楚

02

這一步的重點在於可以讓你看到:
讓你的概念在螢幕上真的跑起來

Module 02階段二
把需求變成「可跑的初版原型」

接著,你會看到自己的想法被 AI 做成第一個能操作的版本。它會是沒有多餘裝飾、但真正能動的 prototype。

生成初版介面:一句指令,讓 AI 寫出第一版可互動的 UI
迭代修正技巧:學會「有效修改指令」,精準指揮 AI 調整細節
本地端運行:在自己的電腦上跑起這個 App,確認功能正常

Module 03階段三
把原型升級成「真的能上線的版本」

最後,我們會帶你把原型推到下一個層級,成為可以分享給別人的版本。這一步會讓你真正走入 AI 時代的開發世界。

串接外部服務:整合 LINE、資料庫或第三方 API,打造真實功能
AI 除錯技巧:遇到 Bug 通通交給 AI,學會如何讓它自己修復
部署上線:讓你的作品發佈到網路上,隨時傳連結分享給朋友
03

你會清楚感受到:
App、工具、網站
其實 你也能自己做出來

工作坊適合誰?

  • 想自己做網站、作品集、App
  • 想開始 SaaS 或個人工具產品
  • 想打造小工具提升效率
  • 想快速有作品放進作品集
  • 想把想法做成 MVP 測市場
  • 想靠 AI 提升自己的技能與收入

你會得到什麼?

一套真正可以上線的網站或 App
可複製、能延伸的 AI 開發流程
一套讓你未來能獨立開發所有作品的方法
一次學會、終身受用的技能
限時加碼贈送

報名即享 三大超值好禮

Bonus 1
Vibe Coding 提示詞庫

講師私藏的 Prompt 模板,複製貼上就能用,省下大量試錯時間。

價值 $????
Bonus 2
即拿即用模板組

根據工作坊主題,獲得丟給AI,就能產出整套系統的模板組

價值 $6,000
Bonus 3
課後專屬問答群組

開發卡關不用怕,群組內隨時提問,與同學互相交流成長。

無價
總價值超過 $6,000,今天全部包含在工作坊費用中

立即加入 Vibe Coding 行列

NT$ 3,600
限時優惠中
  • 3 小時完整實戰工作坊
  • 課後完整錄影回放
  • 專屬學員群組交流
  • Vibe Coding 完整講義與提示詞庫

準備好將
想像化為現實了嗎

你不用會程式,只需要會描述你的想法。
剩下的部分,我會帶著你讓 AI 幫你完成。

FAQ

Q1我完全不會程式,可以參加嗎?

可以,Vibe Coding 本來就是專為零基礎打造的方式。你不需要語法能力,只需要會描述你的需求。

Q2我沒有明確的作品想做,適合嗎?

適合。我會根據你的背景、領域與目標,幫你一起找出最適合你做的第一個產品。

Q3我想做 App,也可以嗎?

可以。工具型 App、小型產品、資料庫 App 都可以在工作坊中完成。

Q4工作坊會幫我寫程式嗎?

不會直接幫你寫整份程式,但我會一步步教你讓 AI 替你完成。你學到的,就是未來可以自己做第二、第三個產品的能力。

Q5課程是否可以錄影?

可以,你會擁有完整錄影與操作紀錄,用來複習與延伸開發。

Q6我怕自己學不會怎麼辦?

工作坊的目的不是讓你「學會程式」,而是讓你「用 AI 做出作品」。你不是單打獨鬥,我們會帶領你完成作品。