簡易學 LLM

AI 協作開發工作坊

3 小時,用說的
做出你的第一個作品

零程式基礎也沒關係。學會寫好提示詞,讓 Claude 幫你寫程式,帶走一個可以玩的貪食蛇遊戲和一個個人部落格網站。

時長
3 小時
對象
完全零基礎
工具
Claude(線上,免安裝)
成果
貪食蛇+個人部落格

課程流程

一堂課,五個階段

  1. 0:00

    開場與工具介紹

    為什麼不會寫程式也能做出作品,先看兩個成品。

  2. 0:10

    提示詞工程入門

    五大要素與圖像生成提示詞拆解練習。

  3. 0:30

    實戰一:貪食蛇遊戲

    寫提示詞、生成程式、改顏色和速度。

  4. 1:20

    休息 10 分鐘

  5. 1:30

    實戰二:個人部落格

    規劃內容、選風格、生成並客製化網站。

  6. 2:40

    成果展示與總結

    分享作品,帶走接下來的學習方向。

核心技能

好提示詞的五大要素

  1. 明確的目標做個遊戲做一個網頁版貪食蛇遊戲,用方向鍵控制,吃到食物會變長
  2. 具體的細節網站要好看使用柔和的配色,字體清晰易讀,有適當的留白
  3. 格式要求生成一個 HTML 檔案,包含 CSS,可以直接在瀏覽器開啟
  4. 範例或參考像 Apple 官網那樣的簡約風格
  5. 約束條件程式碼要有註解;不要用外部框架,只用 HTML/CSS/JS

深入閱讀提示詞工程 →

完成品

課堂上會做出這兩個

貪食蛇遊戲畫面:格子棋盤上的綠色蛇和紅色食物
貪食蛇遊戲 用方向鍵控制,吃到食物會變長。開啟來玩 ↗
個人部落格首頁:紫色漸層背景上的姓名、職稱與大頭照
個人部落格 簡約專業風的作品集網站。開啟完整頁面 ↗