循循 synsoon 課程
08 / 13

把想法講成能用的 APP:官方版 vibe coding

一個願望清單 APP、一個能點的互動解剖圖、一個公開的作品集網站——全程不寫一行程式碼。 這一集照官方文件走:把提示詞當設計簡報而不是功能列表、三個作品各自加了什麼機關、 以及五個技巧,其中最關鍵的一個是「好看不等於正確」。

本集章節7

本集心智圖6 組

描述它,Claude 做出來
  • 提示=設計簡報
    • 概念:不只是清單,是一種體驗
    • 設計:世界級 iOS 的細節標準
    • 包含:功能逐項列
    • 提示的精確度決定精緻程度
  • 三個成品
    • 願望清單 app:類別、儲存、滿足感互動
    • 互動圖表:懸停、點擊、系統篩選
    • 作品集網站:履歷+作品+靈感檔案
  • artifact 會思考
    • 「給我一個驚喜」:app 把資料傳給 Claude
    • 顯示推理過程
    • 「讓它實現」:產生給未來對話的提示
  • 迭代的話術
    • 用截圖:讓它感覺像這樣
    • 圈出部分:這個部分,修正這個
    • 品質基準與專家視角
    • 說清楚不要什麼
  • 邊界與查核
    • 先描述體驗、出問題再加技術限制
    • 面板文字要與教科書抽查比對
    • 重複使用同一套設計系統
  • 上線
    • Netlify 連接器免寫程式部署
    • 給網址+之後怎麼更新

#Claude#vibecoding#artifact