| 用AI做出 質感網站 | AI Agent 工作術 | 從 0 到 1 的 Vibe Coding | |
|---|---|---|---|
| 日期 | 4/9（四） | 4/16（四） | 4/23（四） |
| 價格 | NT$ 1,600 | NT$ 1,800 | NT$ 2,600 |
| 核心目標 | 做出一個低AI味、有質感的網站、作品集、部落格並上線 | 用Claude Cowork、Claude Code 等AI Agent解決生活繁雜事項 | 用一個完整案例，帶你掌握 Vibe Coding 從 0 到 1的完整開發流程 |
| 核心知識點 | 好看網站Prompt下法、網站風格、排版、組件、網域、SEO、上線 | AI Agent的使用方式、拆解生活中可以交給AI做的事、建立成工作流省時間 | 功能設計心法、電腦手機框架怎麼選、串資料庫API、Git技巧、部署、基礎資安 |
| 案例 | 個人網站 | 工作流與Skill | 個人儀表板App |
| 程式 | |||
| 視覺 | |||
| 生活化 | |||
| 上手難易度 | |||
| 目前瀏覽 | 詳情 | 詳情 |
Build a Classy Website with AI不只是用AI做網站
不只是用AI做網站
更是做一個
有質感的網站
Workshop / 04/09 Thu.
Design with Intelligence — No Code Required — Esthetics First — Build Fast — Launch Faster — Design with Intelligence — No Code Required — Esthetics First — Build Fast — Launch Faster — Design with Intelligence — No Code Required — Esthetics First — Build Fast — Launch Faster —
用AI做網站，有什麼好處？
- 快速上線，不用在那邊「拖拖拉拉」
- 無需花大把時間學習軟體操作
- 更大的自由度，想加什麼功能馬上加
不過在用 AI 做網站時，你可能也有遇過下面的問題：
- AI 做出來的網站總是帶著濃濃的 AI 味。
- 做出來的網站平平無奇，完全沒有特色。
- 換了好幾種風格都不對，越改越亂。
AI
PAN.
這場工作坊
將是你的解方
在 Vibe Coding 的這幾個月中，我遇到最多的問題，就是——
AI 做網站可以很快，但要做得好看、有質感，卻完全是另一回事。
AI 並不是做不出好設計，而是缺少你的引導。 你需要知道有哪些風格可以選、哪些組件要搭、哪些動效能提升質感， 然後再讓 AI 幫你拼起來，這樣才會有真正像樣的成果。
這個工作坊，就是帶你走過「從選工具 → 做設計 → 上架」的完整流程。 你不需要寫程式，只要照著步驟，就能完成一個能直接展示、直接使用的網站。
你會學到什麼？
01.
架站工具怎麼選？
市面上常見的架站工具優缺點、美感差異、功能差異，一次講清楚。
02.
如何一次就生成高完成度？
透過優質參考，讓你對話一次就出好結果。
03.
認識版面區塊與常用結構
Hero、CTA等架構，又或者是卡片、輪播等區塊的應用。
04.
AI 做出來的版面怎麼調？
看懂網站結構、知道如何請AI改指定的地方。
05.
設計微調指南
以設計思維，知道怎麼調更好看。
06.
部署上線
完整示範部署到 Zeabur 到自訂網域，一套流程帶你做一次。
最終，你會在 2 小時內
帶走一個屬於你的「高質感網站」。
從做一個「頁面」
到建立一個「完整網站」
在這次的工作坊中，我們追加了重要更新。從只有「讓你做出好看的單頁網站」，升級為「讓你做出好看的部落格等多頁網站」。
包含：
- 圖片/影片怎麼串
- 內容管理方式的差別
- 文章頁該怎麼設定
- GA/Search Console 設定
- 網站分享圖、Meta 設定
- ...等等
不管是部落格、作品集、還是公司官網，你都將學會如何規劃與串接。
也因為內容的追加，本次工作坊初始價格有微調。
先前有報名過工作坊的同學，都會收到新場次工作坊更新的內容（新增部分的精華片段）。因此報名越早的場次，能收穫的越多！
4/9場次 新追加
Google Stitch
UI 設計神器教學
Google 最近更新了 Stitch 這個讓Figma股價重挫的「Vibe Design」軟體， 到底要怎麼樣才能用得好？在這次新的網站工作坊中也會帶到。
廣受好評的
課程講義！
讓你不怕上完課不知道資源哪裡找。
我們整理了做網站會用到的所有資源，全部打包給你。
AI 工具推薦
風格參考
字型資源
Icon 資源
Prompt 建構器
靈感圖庫
背景圖資源
質感組件資源
All in One.
誰適合參加?
- ✓想用 AI 快速做出專業網站的創作者
- ✓需要作品集、個人品牌頁的自由工作者
- ✓想快速做產品銷售頁、服務介紹頁的創業者
- ✓對程式碼零基礎，但想擁有自己網站的人
Workshop
Details.
- FORMAT線上直播工作坊（提供回放）
- DURATION20:00~22:00(約 2 小時)
- DATE2026/04/09 Thu
NT$1,600
F.A.Q.
可以！這堂課就是專為零基礎設計的。你只需要會操作電腦、會跟 AI 對話就可以。
我們會使用免費或低成本的工具，包括 AI 助手（如 Gemini、ChatGPT、Antigravity 等）和部署平台（Zeabur、Vercel等）。（自付費用僅需買自定義網域300，若無自定義網域需求則不需額外花費）
是的！ 課程會教你完整的部署流程，課後你的網站就能正式上線給別人看。
提供課後社群支援，你可以在社群裡提問，我們會協助解答。
一台電腦、網路連線、一個 AI 工具帳號（課程會用 Gemini），以及你想做的網站內容構想。
完全可以！ 你做出來的網站擁有完整使用權，可以用於個人或商業用途。