💡 核心結論速覽 (TL;DR)
- Claude Artifacts 是什麼：對話旁邊直接生出「能跑的成品」——計算器、單頁網站、圖表、互動小工具、小遊戲都行，不用寫一行程式。第一步先到設定 > Capabilities 開「Code execution and file creation」，沒開就只給你程式碼、不給成品。
- 最強的分享鉤子：你做的 AI 小工具，別人用「自己的 Claude 帳號」就能跑，你完全不用給 API 金鑰、也不用付對方的用量。純靜態的工具更是任何人有連結就能開，免帳號。
- 8 個可直接照做的專案：預算計算器、匯率換算、作品集網站、互動教學圖解、資料儀表板、決策評分表、小孩練習遊戲、番茄鐘——每個都附一句話提示詞，複製改字就能做。
- 行動建議：免費版就能做出並發佈零金鑰小工具（約台幣 0 元）；先開 Capabilities → 挑 1 個專案照做 → 按 Publish 拿連結分享，20 分鐘你就有第一個能丟給朋友的作品。
你有沒有想過——同一個 AI，有人用它做出一個能直接丟連結給朋友玩的計算器、小遊戲、作品集網站，你卻只會拿它聊天、寫寫字？
差別不在天分，在你知不知道 Claude 藏了一個叫 Claude Artifacts 的功能。它能把你的一句話，變成一個「當場能跑、能改、能分享」的成品，而且完全不用你會寫程式。
我每天用 AI 超過十小時，寫稿、做規劃、debug 全靠它，Claude 跟另一家的最高階方案一直養著。老實說我一開始也只把 Artifacts 當成「它會附一段程式碼」，直到某次我隨口叫 Artifacts 做個記帳小工具，畫面真的跑出來、還能按，我才愣住——原來「不會寫程式」這件事，第一次真的不重要了。這篇我把怎麼開、怎麼做、8 個可以照抄的專案、還有怎麼分享跟免費版夠不夠用，一次講清楚。想先搞懂 Artifacts 到 Computer Use 這條路的來龍去脈，我另外拆過 Anthropic 這兩年到底在佈什麼局的那篇可以搭著看；這篇我們專心動手做。
Claude Artifacts 是什麼？為什麼你只拿到一坨程式碼、看不到成品？
一句話：Claude Artifacts 就是 Claude 在對話旁邊幫你開的一塊「工作台」，把回答變成一個能直接跑的成品。根據 Artifacts 官方說明，它能做文件、程式碼、單頁 HTML 網站、SVG 圖、圖表流程圖，還有互動式的 React 元件——講白話就是計算器、儀表板、小遊戲這種「你點得動」的東西。
Claude Artifacts 什麼時候會自動幫你開這塊工作台？通常是當內容夠完整、可以獨立使用、你之後會想改或重複用的時候，Claude 就會把成品放進側欄的 Artifact 面板，而不是塞在對話裡。你也可以直接下指令：「請用 Artifact 做出來」，逼它給你成品而不是說明。
但這裡有一個超多人卡住的陷阱：很多人第一次用，叫 Claude 做工具，結果它只回了一大段程式碼，畫面完全跑不出來，以為是自己運氣不好。其實八成是你的「Code execution and file creation」沒開。這是一個要手動打開的能力開關。
開的地方很好找：個人方案（免費版、Pro、Max）到 設定 > Capabilities，把「Code execution and file creation」打開；如果你是公司的 Team 或 Enterprise 帳號，要請管理者到 Organization settings > Capabilities 開。這個開關的名字你不用記，記住「沒看到成品，先去 Capabilities 檢查」就對了。
我自己就栽過這個坑。第一次興沖沖叫它做個工具，等半天只等到程式碼，還以為是功能沒開放給我的方案，差點放棄。後來才發現是那個開關沒打勾——打開的瞬間，同一句指令，成品直接在旁邊跑起來。這種「設定藏在哪、怎麼一次調好」的細節，我在把 Claude 調成專屬助理的設定全攻略裡整理得更完整。下一步：現在就去設定確認「Code execution and file creation」是開的，這是所有後面步驟的前提。
Artifacts 最猛的地方：別人用自己的 Claude 帳號就能跑你做的 App
如果只能記住這篇一件事，記這個：Artifacts 做出來的 AI 小工具，可以直接呼叫 Claude，而使用你工具的人是用「他們自己的 Claude 帳號」在跑，用量算在他們頭上，不是你頭上。官方說得很直接——使用者用自己的 Claude 帳號登入、操作屬於他們的那份工具實例，用量算在每個人自己的訂閱裡，而不是作者的。
這句話翻成人話為什麼重要？因為它一次解決了非工程師「做工具」最痛的兩件事：你不用去申請、貼上一串 API 金鑰，也不用擔心朋友一用你就被扣爆錢。以前想做一個「會用 AI 幫人改文案」的小工具分享出去，光是金鑰、部署、費用就能把人勸退；現在你做完按個鈕，丟連結就結束了。
分享還分兩種情況，先搞懂免得誤會：
❶ 純靜態的工具（像計算器、番茄鐘、作品集網站，不呼叫 AI）：發佈後任何人有連結就能打開，連 Claude 帳號都不用，跟你傳一個網頁給對方一樣。
❷ 會呼叫 Claude 的 AI 工具（像會幫你潤稿、會回答問題的那種）：對方需要用自己的 Claude 帳號登入才能跑，這樣用量才算在他自己身上——這正是你「零金鑰」的關鍵。
更進階一點，付費方案（Pro 以上）的已發佈 Artifacts 工具還能給到每個 20MB 的持久化儲存，意思是你的工具可以「記住東西」，做成有狀態的 App，比如一個大家一起填、資料會留著的清單；也能透過 Model Context Protocol（MCP）串接 Google 日曆、Slack 這類外部服務。這兩個免費版沒有，後面決策那段會再說。下一步：先想一個「我很想丟給某個人用」的小東西，帶著這個目標往下看 8 個專案，會更有動力。
8 個不會寫程式也能照做的 Artifacts 專案（附一句話提示詞）
講再多不如直接做。下面這 8 個 Artifacts 專案，是我覺得最容易上手、又真的用得到的，每一個都幫你寫好「一句話提示詞」——複製整句、把你的內容換進去，丟給 Claude 就會開始做。建議直接收藏這張表。
專案 | 一句話提示詞（複製改字就能用） | 適合誰 |
|---|---|---|
❶ 預算/貸款計算器 | 幫我做一個月支出計算器，能分別輸入房租、伙食、交通等分類，即時算出結餘和各類佔比圓餅圖，盡量多加相關功能與互動 | 想理財、抓預算的上班族與學生 |
❷ 匯率/單位換算器 | 做一個台幣、美金、日圓、人民幣的即時換算小工具，可以自己輸入匯率，介面乾淨、手機好按 | 常出國、跨境購物、看海外刷卡回饋的人 |
❸ 個人作品集單頁網站 | 幫我做一個單頁作品集網站，有大標題、關於我、三個作品卡片和聯絡方式，配色簡潔專業 | 求職、接案、想做線上名片的人 |
❹ 互動式教學圖解 | 做一個解釋「複利」的互動圖解，可以拖動年數和利率滑桿，即時看到本金滾大的曲線 | 老師、家教、想把觀念講清楚的人 |
❺ 資料儀表板 | 把我貼的這份月營收數字做成儀表板，有折線圖、成長率和三個重點卡片，盡量做完整一點 | 要看數據的上班族、小店主 |
❻ 決策評分小工具 | 幫我做一個決策評分表，能列出選項和考量因素、各自加權打分，最後算出總分排序和推薦 | 容易選擇困難、要做取捨的人 |
❼ 小孩練習小遊戲 | 做一個給小學生的九九乘法小遊戲，答對加分、答錯給提示，畫面可愛、有計分 | 家長、國小老師 |
❽ 番茄鐘/會議倒數 | 做一個番茄鐘計時器，25 分鐘工作、5 分鐘休息，可自訂時間，有開始暫停和完成幾輪的紀錄 | 遠距工作、容易分心的人 |
我特別想幫你圈出❸和❺這兩個，因為它們最能「變成你的東西」。作品集網站這個，我有個完全不會寫程式的朋友，之前一直卡在「想接案但沒有作品頁」，用 Artifacts 描述了一下想要的樣子，半小時就生出一個能丟給業主的單頁——想把這條路走深一點，可以看不會寫程式怎麼用 AI 一步步生出個人網站那篇。
資料儀表板❺則是我自己在 Artifacts 裡最常用的，把一坨數字貼進去、叫它畫成看得懂的圖，比自己在試算表拉半天快太多；如果你要處理的是 PDF、報表這種更雜的檔案，我用 Claude 分析文件跟資料的完整做法可以接著用。想做更有設計感的頁面，也能參考Claude 做設計到底行不行、跟 Figma Make 怎麼比。下一步：從這 8 個裡挑 1 個你這週用得到的，把提示詞複製進 Claude 按下送出。
讓 Artifacts 一次就做好的提示詞技巧（少改好幾輪）
同樣一個 Artifacts 工具，有人一次就做出漂亮成品，有人改十輪還是陽春——差別幾乎都在提示詞。Artifacts 背後還是 Claude，它照你的字面做事，你講得多具體，它就做得多完整。下面幾招是官方提示詞最佳實踐裡點名、我自己也最有感的。
技巧一：加一句「別做最陽春版」的魔法修飾語。這是官方對做前端、做介面直接建議的一招——與其只說「做一個儀表板」，不如加上：盡量加入所有相關的功能與互動，別只做最陽春的版本，做成一個完整的實作。就這一句，成品的完整度會差很多。
技巧二：給它一個角色，並且「要它動手」而不是問意見。你說「你是一位很會做互動教學的老師，幫我做出一個⋯」，比乾巴巴描述功能好。而且切記用祈使句——你問「能不能幫我做個計算器」，它可能只回你「可以喔，你可以這樣做⋯」；直接說「幫我做出來」，它才會真的生成成品。這是 Claude 最容易被誤會的脾氣，我在讓 Claude 聽話的 8 個技巧和 12 組模板裡講得更細。
技巧三：附 2-3 個範例，讓它抓到你的品味。「做得好看一點」對每個人定義都不同；你想要什麼風格、什麼欄位、什麼配色，貼一兩個你覺得「就是這種」的例子，它學得比你形容得快。
技巧四：做完叫它自我檢查。官方原話是，在指令最後補一句「完成前，請對照〔檢查標準〕驗證一次你的成果」。放進 Artifacts 就是：做完請它自己點一遍每個按鈕、確認數字算對、手機版不會跑版。這一步能擋掉一大半「看起來好了、一按就壞」的狀況。
把這四招疊起來，一個完整的提示詞大概長這樣，你可以直接改：
你是一位很會做互動小工具的設計師。幫我做一個
{記帳小工具}，功能包含{分類輸入、即時結餘、圓餅圖}，風格{乾淨、手機好按}。盡量加入所有相關的功能與互動，別只做最陽春的版本。做完前請自己檢查每個按鈕都能按、數字算得對、手機版不跑版，再把成品給我。
下一步：拿你上一個「做得不滿意」的工具，用技巧一那句修飾語重下一次，你會立刻看到差別。
做好怎麼發佈？分享 Artifacts 前我一定守住的隱私底線
Artifacts 成品做好，分享只要一個動作：按「Publish」產生一條連結，把連結丟給誰，誰就能打開。你還能選要給「唯讀」還是允許對方「remix」（複製一份去改成自己的版本）。整個 no-code 流程官方拆成四步，很好記：❶ 側欄點進 artifacts ❷ 把你的需求講給 Claude 聽 ❸ 回答它的追問把想法講清楚 ❹ 直接說「幫我做出來」。做的過程如果哪裡壞掉，按「Fix with Claude」讓它自己修就好。
但發佈這件事，我要很認真提醒一個隱私底線：公開的連結＝任何拿到連結的人都看得到，別把敏感資料寫進去。這裡的敏感資料包括真實姓名名單、電話、Email、公司內部數字、還沒公開的價格。我自己就差點犯過——那次想把一份含了朋友聯絡方式的名單，做成一個好看的通訊錄分享出去，手指都要按發佈了才驚覺：這一發，等於把大家的個資掛上網。
我後來的習慣是：要公開的 artifact，一律用假資料或範例資料做示範；真的要放真資料的工具，就只留給自己用、不發佈，或改用需要登入才看得到的方式。這跟你把一份文件設成「知道連結就能看」是一樣的風險，多想三秒就能避開。下一步：發佈前問自己一句——這條連結如果被轉出去，我會不會後悔？會，就先把敏感內容換成假資料。
Artifacts 有哪些限制？這些坑我先幫你踩過
Artifacts 很強，但它不是萬能，先知道邊界能少走很多冤枉路。Artifacts 最適合的是「一個人用、或小範圍分享的小工具」；一旦你想做的是要接正式資料庫、要登入權限、要收款、要做成公司對外的正式網站，它就該停在「原型」階段，別硬撐。
幾個新手最常撞的坑，我一次講完：
❶ 只拿到程式碼、沒成品：九成是 Capabilities 那個開關沒開，回第一段檢查。
❷ 一個提示詞塞十件事：又要計算、又要畫圖、又要存資料、又要多國語言全塞一句，它容易顧此失彼。拆開來、一次加一個功能，成品反而穩。
❸ 複雜度有天花板：功能一多、資料一大，它可能變慢或漏東西。真的越做越複雜，代表你該考慮的是正式的開發工具，而不是 Artifacts。這條線在哪、非工程師該不該往下學，我把真心話寫在Claude Code 到底值不值得非工程師學那篇。
❹ 免費版做大型互動會撞用量：做得起勁一直改，可能會碰到用量上限，這是它在提醒你「這個需求也許需要 Pro」。
下一步：先用 Artifacts 把想法做成原型驗證「這東西有沒有用」，確定值得了，再決定要不要投入更正式的工具。
免費版夠用嗎？什麼情況才值得為 Artifacts 升級 Pro
先給直接的答案：大部分人的第一個 Artifacts 專案，免費版就夠了。Artifacts 在所有方案都能用（免費版也含建立檔案、執行程式碼），你可以免費做出、發佈、分享一個零金鑰的小工具，一毛錢不用花。真正要付費才有的，是下面這三件事。
Pro 以上才有的 3 件事：❶ 每個已發佈工具 20MB 的持久化儲存（做「會記住資料」的 App）；❷ 用 MCP 串外部服務（連日曆、Slack 這些）；❸ 更高的用量上限（大型、常改的互動不容易撞牆）。用不到這三個，你就先別急著付錢。
價格的部分我幫你查好了（官方定價，匯率會浮動）：
方案 | 價格 | Artifacts 能做到哪 |
|---|---|---|
US$0 | 建立、預覽、發佈、分享零金鑰小工具；MCP 與 20MB 持久化沒有 | |
US$20/月 | 加上 20MB 持久化、MCP 串接、較高用量 | |
US$100 或 200/月 | 同 Pro 能力＋更大用量，適合重度、長時間跑 |
適合先升 Pro 的人：想做「有記憶、能存資料」的工具、需要串日曆或 Slack、或已經常常撞到免費版用量上限的人。先別急著付的人：只是想做一兩個靜態小工具、番茄鐘、作品集網站分享的人——這些免費版全包。
老實說我自己一路訂到最高階，但那是因為我每天在上面燒超過十小時、把它當生財工具在用；一般人真的不用一開始就衝。想抓自己划不划算，我每個月都會盤點一次付費 AI 訂閱到底值不值得的實測，可以照著算。下一步：先用免費版把第一個專案做出來、發佈給一個朋友用；等你發現「差一個記憶功能」或「一直撞用量」，那一刻才是升 Pro 的訊號。
FAQ 常見問題
免費版的 Claude Artifacts 到底能做到哪，值得為它升級嗎？
免費版的 Artifacts 能建立、預覽、發佈、分享工具，也能做出「別人用自己帳號就能跑」的零金鑰 AI 小工具，對第一次玩、做靜態工具（計算器、番茄鐘、作品集）的人完全夠用。值得升 Pro 的訊號很明確：你需要 20MB 持久化儲存做「會記住資料」的 App、要用 MCP 串外部服務、或常撞用量上限。三個都用不到，先別付。
我做的 Artifacts 要分享出去，對方需要有 Claude 帳號或付費嗎？
看是哪種工具。純靜態的（不呼叫 AI 的計算器、網站、遊戲）發佈後任何人有連結就能開，連帳號都不用。會呼叫 Claude 的 AI 工具，對方需要用「自己的」Claude 帳號登入，用量算在他自己頭上——好處是你不用給 API 金鑰、也不用替對方的用量付錢。對方免費帳號通常就能用，只是會受他自己方案的用量限制。
Claude Artifacts 跟直接叫 Claude 寫程式碼有什麼不一樣？該用哪個？
差在「你拿到的是成品還是材料」。一般對話它可能給你一段程式碼，你得自己想辦法跑起來；Artifacts 是直接在旁邊把成品跑給你看、能點能改能發佈。不會寫程式、只想要一個能用的小工具，用 Artifacts；如果你要做的是要接資料庫、要上線的正式專案，那就超出 Artifacts 的守備範圍，該考慮更正式的開發工具了。
發佈 Artifacts 會不會把我的資料或個資公開出去？
會，只要你把資料寫進一個公開的 artifact，任何拿到連結的人都看得到。這是最該小心的地方。安全做法是：要公開的工具一律用假資料或範例資料示範；真的要放真實名單、電話、內部數字的工具，就只留給自己用、不要按發佈。發佈前多問一句「這連結被轉出去我會不會後悔」，就能避開九成的意外。
說到底，Claude Artifacts 最迷人的地方，不是它多聰明，而是它讓「我也想做個東西」這件事，第一次對不會寫程式的人成立——你有想法、講得清楚，它就把成品跑給你看，還能一鍵丟給別人用。你不用一次記住全部，先挑今天最想做的那一個，把提示詞貼進去試一次就好。如果這篇對你有用，歡迎訂閱我的部落格，會不定期收到我用 AI 的實戰筆記；想多認識我這個每天用 AI 超過十小時的人，也可以看關於我。
參考資料
- Claude Help Center — What are Artifacts and how do I use them?（能做什麼、開 Capabilities、零金鑰、MCP、20MB、發佈）
- Claude by Anthropic — Artifacts 產品頁
- Claude — 不寫一行程式，用 Artifacts 做 AI App 的官方教學
- Anthropic — Prompting best practices（含前端修飾語與自我檢查）
- Claude 官方方案與定價
- 關於作者夜羽凌
