你缺的不是更聰明的AI是一個真的會動手的AI
腦海中有一個活動報名頁、產品介紹頁,或是一個網頁工具的雛型...
但打開了AI聊天視窗,描述了需求,AI給了你一段程式碼、可預覽的網頁,但你卻不知道如何發布和維運嗎? 其實 Vibe Coding 入門很容易,但如何讓AI變聰明、節省Token呢?這堂課程不著重教Prompt,而是帶你從設定AI、設定終端機開始,讓你腦海中的想法變成真的可以用的網站!
![]() | ![]() | ![]() |
零基礎入門 Claude Code ,帶你做出第一個網頁

當你學會使用Claude Code,它不是在聊天視窗裡講給你聽,而是直接在你電腦的資料夾裡動手,把檔案生出來。
從打開終端機開始,用一行指令完成安裝與登入,接著學會三個決定使用品質的關鍵控制——權限、計畫模式、CLAUDE.md。
最後,用剩下的時間,從一句話開始,親手做出一個能在瀏覽器打開的網頁原型,全程不寫任何一行程式碼!60分鐘後,你手上會有一個真的網頁。
這堂課把你最卡關的三件事都準備好了
01 從頭開始,不跳過任何一步 | 02 先教設定,控制、再做東西 | 03 帶走一個看得見,打得開的成果 |
![]() | ![]() | ![]() |
| 課程從「怎麼打開終端機」教起,不假設你有任何網頁製作背景,Windows和Mac的開法並行,兩種OS都跟得上,不會因為你用的系統不同就被晾在一邊。 | 很多人怕AI會「亂改自己的東西」——這堂課把權限、計畫模式、CLAUDE.md這三件事,講在你真正動手做網頁之前,這是新手和熟手之間,用得穩不穩的分水嶺。 | 完課後,你能學到操作Claude Code製作網頁的成果。不是一段複製出來卻不知道放哪裡的程式碼。這個網頁,你可以直接用瀏覽器打開看、傳給同事看、放進提案裡用。 |
這堂課特別適合你
01 行銷、企劃人 | 02 行政、人資、總務 |
活動報名頁、檔期宣傳頁、提案用的展示頁,這類需求一個月來好幾次,每次都要排設計和工程的時程
| 公告、報名表、教育訓練資訊還散在Excel和群組訊息裡,想整理成一個大家打得開、也方便更新的頁面 ![]() |
03 小型團隊主管、一人公司、接案工作者 | 04 需要向主管或客戶展示構想的人 |
沒有工程資源可以調度,從構想到成品都得自己收尾 ![]() | 與其給一份靜態簡報,不如直接做一個能點開來看的頁面原型,說服力差很多 ![]() |
講師介紹
阿康老師 │現職行銷公司AI流程開發工程師
曾主導n8n與AI深度整合的行銷自動化架構,同時協助電商公司進行AI導入與自動化轉型。他也在職能共學平台擔任業師,並舉辦Claude系列實體講座,長期把自動化與API整合的實戰技術,轉化為一般學員也能落地操作的教學體系,陪伴學員從零到實際導入

專長領域涵蓋
n8n工作流架構規劃、Claude Code應用開發、AI客服機器人、RAG知識庫建置,以及電商與行銷自動化
Claude Code開發網站成果參考
課程中帶你學習用Claude Code,製作出自己的網頁!















