這一課學什麼？
如果你曾經請 Claude 寫一段程式碼或一篇長文，結果整個答案都被埋在對話訊息裡，要複製、要編輯都很麻煩——這一課要解決的就是這個問題。
Anthropic 官方課程 Claude 101 第六課——Creating with Artifacts，教你認識 Artifacts（成品/工件）：Claude 在對話旁邊獨立視窗中產出的可互動內容，可以是網頁、圖表、文件，甚至是可以直接運作的小工具。
預計學習時間：20 分鐘
這一課的三個核心觀念
第一：Artifacts 是獨立、可互動的產出
Artifacts 是 Claude 在對話旁邊的專屬視窗中建立的獨立、可互動內容。不再是埋在聊天記錄裡的一大段文字或程式碼，而是直接呈現出可以使用的成果——一個能運作的網站、一張互動圖表，或一份可以立即下載的文件。
第二：Claude 會自動判斷該不該建立 Artifact
當內容符合以下條件時，Claude 會自動把它變成 Artifact：內容夠重要且自成一體（通常超過 15 行）、你可能會想編輯或重複使用、內容本身複雜到不需要依附於對話脈絡、或是你之後會想參考或使用的內容。
第三：Artifacts 可以分享，甚至公開發布
做出有用的東西之後，不一定要留在自己的對話裡。可以下載、在組織內分享，甚至公開發布讓任何人都能存取——其他人還可以「remix」你的作品，在自己的對話中修改延伸。
Artifacts 有哪些類型？
Claude 可以建立多種類型的 Artifacts，分別對應不同的需求：
文件類（包括 Markdown、純文字、Word、PDF、PowerPoint、Excel）：適合任何文字量大、需要匯出或繼續編輯的內容——例如會議記錄、報告、專案計畫、部落格文章等書面內容。
程式碼片段：任何程式語言的可運作程式碼——Python、JavaScript、C++ 等。你可以查看、複製,或下載到自己的專案中使用。
HTML 頁面：包含 HTML、CSS 和 JavaScript 的完整網頁，全部寫在一個檔案裡。適合做登陸頁面、表單、互動式 Demo,或快速原型。
SVG 圖像：可縮放的向量圖形,適合 Logo、圖示、插畫等視覺元素。這些會直接在 Artifact 視窗中渲染出來，所見即所得。
Mermaid 圖表：流程圖、序列圖、甘特圖、組織圖等。描述你想視覺化的關係，Claude 就能畫出圖表並持續調整。
React 元件：具備真正功能的互動式 UI 元素——計算器、儀表板、小遊戲、資料視覺化。這些不只是模型示意圖，而是包含實際邏輯、能回應使用者輸入的真實工具。
怎麼建立你的第一個 Artifact？
建立 Artifact 就跟平常對話一樣簡單。只要描述你想要的東西，Claude 會自行判斷要不要呈現為 Artifact。
例如，你可以這樣說：
「畫一個流程圖，展示我們的客戶導入流程」
「做一個互動式儀表板，讓我輸入每月支出後可以看到分類明細」
「幫我設計一個生產力 App 的登陸頁面，包含主視覺區和功能列表」
「寫一份我可以重複使用的專案簡報範本」
小提醒： 部分視覺化圖表（如流程圖）現在可能會透過 Imagine 以 HTML 形式生成，而不只是程式碼形式的 Artifact。
如果你預期會得到 Artifact，但 Claude 沒有自動建立，可以直接說：「把這個做成 Artifact」或「用 Artifact 顯示這個」。
當 Claude 產生 Artifact 後，會出現在對話右側的獨立視窗。在這裡你可以:
切換檢視模式：在「預覽」（實際呈現效果）和「程式碼」之間切換
複製內容：點擊複製圖示，取得內容用在其他地方
下載檔案：把 Artifact 存成檔案到你的電腦
查看程式碼：看清楚 Claude 在背後產生了什麼
怎麼分享和發布 Artifacts？
做出有用的東西之後，有幾種分享方式：
複製或下載
供個人使用，或透過其他管道分享，使用 Artifact 視窗右下角的複製或下載按鈕。
組織內分享（Claude for Work）
Team 和 Enterprise 用戶可以在組織內部與同事分享 Artifacts。分享的 Artifact 會保留在組織內，存取時需要團隊身份驗證。
公開發布
Free、Pro 和 Max 用戶都可以將 Artifacts 發布，讓任何有連結的人都能存取。發布時：
- 只有你選定的版本會公開（你的對話本身仍然是私人的）
- 任何人都可以查看並與 Artifact 互動，不需要 Claude 帳號
- 其他人可以「remix」你的 Artifact——在自己的 Claude 對話中開啟並修改延伸
發布方式： 點擊 Artifact 視窗右上角的「Share」或「Publish」按鈕。隨時可以回到該 Artifact 取消公開存取。
請注意： 發布後的 Artifact 任何人都能透過連結存取，即使沒有 Claude 帳號。但公開的 Artifacts 不會被搜尋引擎索引，所以不會出現在 Google 搜尋結果中。
善用 Artifacts 的四個技巧
具體描述你要的東西：「做一個記帳工具」是個開始，但「做一個月度記帳工具，可以按分類輸入支出、用圓餅圖呈現分類明細，超出預算時會提醒我」更好。
描述終端使用者：告訴 Claude 這個 Artifact 是給誰用的，有助於它做出合適的設計選擇。「這個流程圖是給新員工看的」和「這個流程圖是給工程團隊看的」會得到不同的結果。
漸進式迭代：每次只要求 Claude 新增一個功能或做一個改動。這樣更容易判斷哪裡有效、哪裡需要調整，也能更早發現問題。
需要時主動要求：如果你要求的內容份量不小，但 Claude 在對話中直接回答而沒有建立 Artifact，只要說「請把這個做成 Artifact」即可。
這一課的課堂練習
在繼續下一課之前，思考以下三個問題：
問題一： 你有哪些重複性的工作，可能適合做成一個可重複使用的互動 Artifact？
問題二： 你的工作中有哪些流程，如果畫成流程圖或圖表會更清楚？
問題三： 有沒有什麼原型或小工具，能幫你快速驗證一個想法？
學完這課，你應該能做到
- 說明什麼是 Artifacts，以及 Claude 在什麼情況下會建立它們
- 認識六種常見的 Artifact 類型，並知道各自適合的用途
- 與同事分享 Artifacts，或公開發布讓任何人存取
- 排除常見的 Artifact 問題，並用四個技巧提升產出品質
Leave a Reply