📖 Claude 101 學習筆記系列（根據 Anthropic 官方英文免費課程整理）｜第 6 課（共 14 課）
| 5 Lesson 5 Projects | 6 Lesson 6 （本篇） | 7 Lesson 7 Skills |
📌 這一課在說什麼？
根據 Anthropic 官方課程 Claude 101 第六課整理。如果你請 Claude 寫程式碼或長文，結果整個答案都埋在對話訊息裡，要複製、要編輯都很麻煩——Artifacts 就是為了解決這個問題。它讓 Claude 在對話旁邊的獨立視窗中產出可以直接使用的成果。
🎨 Artifacts 有哪六種類型？
| 類型 | 適合做什麼 |
|---|---|
| 文件類（Word、PDF、PPT、Excel） | 會議記錄、報告、專案計畫、部落格文章等書面內容 |
| 程式碼片段 | Python、JavaScript、C++ 等各種語言的可運作程式碼 |
| HTML 頁面 | 完整網頁（含 HTML/CSS/JS），適合登陸頁面、表單、互動 Demo |
| SVG 圖像 | Logo、圖示、插畫等向量圖形，直接在視窗中渲染 |
| Mermaid 圖表 | 流程圖、甘特圖、組織圖等，描述關係後 Claude 自動畫出 |
| React 元件 | 有真正功能的互動工具——計算器、儀表板、小遊戲、資料視覺化 |
🚀 怎麼建立你的第一個 Artifact？
只要描述你想要的東西，Claude 會自行判斷要不要呈現為 Artifact。符合以下條件時會自動建立：內容超過 15 行、可能會想編輯或重複使用、或是複雜到可以獨立存在的內容。
「畫一個流程圖，展示我們的客戶導入流程」
「做一個互動式儀表板，讓我輸入每月支出後可以看到分類明細」
「幫我設計一個生產力 App 的登陸頁面」
如果 Claude 沒有自動建立，直接說：「把這個做成 Artifact」即可。
Artifact 出現後，你可以：切換預覽/程式碼視圖、複製內容、下載檔案。
🔗 怎麼分享和發布 Artifacts？
- 複製或下載：使用 Artifact 視窗右下角的按鈕，供個人使用或透過其他管道分享。
- 組織內分享（Claude for Work）：Team 和 Enterprise 用戶可在組織內分享，需要團隊身份驗證才能存取。
- 公開發布：Free、Pro、Max 用戶都可以發布，讓任何有連結的人存取（不需要 Claude 帳號），其他人還可以「remix」你的作品。
⚠️ 注意：公開的 Artifacts 不會被搜尋引擎索引，不會出現在 Google 搜尋結果中。
💡 讓 Artifacts 產出更精準的四個技巧
- 具體描述你要的東西：「做一個月度記帳工具，可以按分類輸入支出、用圓餅圖呈現明細，超出預算時會提醒我」比「做一個記帳工具」好。
- 描述終端使用者：「這個流程圖是給新員工看的」和「給工程團隊看的」會得到不同結果。
- 漸進式迭代：每次只要求新增一個功能或做一個改動。
- 需要時主動要求：說「請把這個做成 Artifact」即可。
✏️ 這一課的課堂練習
- 問題一：你有哪些重複性的工作，可能適合做成一個可重複使用的互動 Artifact？
- 問題二：你的工作中有哪些流程，如果畫成流程圖或圖表會更清楚？
- 問題三：有沒有什麼原型或小工具，能幫你快速驗證一個想法？
✅ 學完這課，你應該能做到
- 說明什麼是 Artifacts，以及 Claude 在什麼情況下會建立它們
- 認識六種常見的 Artifact 類型，並知道各自適合的用途
- 與同事分享 Artifacts，或公開發布讓任何人存取
- 用四個技巧提升 Artifact 的產出品質
📖 Claude 101 學習筆記系列（根據 Anthropic 官方英文免費課程整理）｜第 6 課（共 14 課）
| 5 Lesson 5 Projects | 6 Lesson 6 （本篇） | 7 Lesson 7 Skills |
📬 喜歡這篇文章？訂閱電子報不錯過任何更新
生成式 AI 時代，最珍貴的資產不是工具本身，而是你的提問力與協作思維。
每週精選 AI 實戰技巧、官方課程更新與 AI 工作流攻略，直接寄到你的信箱！
