跳至主要內容

使用 Claude artifacts 製作原型 AI 驅動應用程式

一週前已更新

傳統上,構建 AI 應用程式需要很多工作——管理 API 金鑰、擔心成本、處理複雜的部署、意外觸發速率限制等等。使用 Claude 的工件,您可以跳過配置的麻煩,構建一個功能完整、由 Claude 的智能內置驅動的 AI 應用程式。這些工件使用您現有的使用限額——沒有 API 金鑰、沒有按次呼叫費用、沒有部署麻煩——因此您可以專注於有趣的部分。

在本指南中,您將學習如何使用 Claude 快速構建、測試和共享 AI 應用程式。

在 Claude 工件中配置 Claude API

Claude.ai 工件中使用有限的基於文本的完成相當簡單。

  1. 您可以通過簡單地**要求** Claude 使用 Claude 並根據需要提供額外說明,來為您的工件添加 AI 功能。

  2. 可選地,使用下面的示例提示測試它是否按預期工作。

使用此簡單提示來測試工件中嵌入的 API 是否按預期工作:

Create a simple chatbot that uses Claude. Respond with compliments to every user input.

如果您嘗試此提示,您會看到 Claude 將創建一個「讚美機器人」,用戶可以輸入任何內容並獲得由 LLM 驅動的讚美!

您的第一個 AI 工件的靈感

創建通過 API 與 Claude 互動的工件的可能性就像您的想像力一樣無限。以下是您可以構建的四種應用程式類型來開始:

  • 學習和教育工具——具有 AI 的互動式導師和學習夥伴可以更好地理解用戶學習需求的背景。例如代碼審查工具,根據預先配置的指南提供有關風格和最佳實踐的詳細反饋,或這個語言導師,讓您可以用您選擇的語言聊天和學習。

  • 內容生成工具——協作助手可以幫助根據一些預先配置的指南進行頭腦風暴、開發和完善創意工作和內容,可以幫助您更快地完成工作。例如設計用於接收您的內部 Slack 帖子並準備在 LinkedIn 上分享的寫作工具,或這個單頁 PRD 製作工具

  • 分析和決策支持——處理用戶數據並通過對話幫助做出明智決策的智能工具非常適合組織效率。例如此工具,設計用於幫助團隊通過「5 個為什麼」框架找到問題的根源。

  • 娛樂應用程式——歸根結底,最好的應用程式來自獨特的視角和好主意。這個夢境解釋器是一個完美的例子。如果您能想像它,您可能就能構建它。

使用 Claude 構建工件的提示

在使用 Claude 構建時,請考慮以下提示以獲得最佳輸出。

  • 讓 Claude 採訪您:考慮以一個想法開始您的對話,並讓 Claude 採訪您以將其完善為值得工件的提示。Claude 可以提出問題並建議功能以使您的願景成為現實。

  • 使用後續提示進行迭代:只需要求 Claude 根據需要修改您的工件。您可以要求諸如:使按鈕更大、每次回應少於 200 個單詞、更改配色方案等。每個請求都建立在以前的版本之上,同時 Claude 保持對您構建的內容和原因的上下文。

  • 通過對話進行調試:當出現問題時,要麼點擊「使用 Claude 修復」,要麼用簡單的語言描述問題(「計算器不能處理小數」、「遊戲在第 3 級崩潰」)。無需理解技術錯誤消息。

嘗試分支:返回任何以前的消息,點擊「編輯」以創建新的對話分支,並嘗試不同的方法。您可以始終返回到原始版本,鼓勵大膽嘗試風格、功能或完全不同的方向。

共享您的 Claude 工件

原型設計工件的另一個好處是您可以共享您的想法,而無需在外部託管它們。

只需點擊幾下即可與他人共享您的原型

您只需點擊工件菜單右上角的「發佈」按鈕並分發鏈接。

請注意,此鏈接特定於您共享的工件版本,**任何擁有此鏈接的人都可以訪問**您的創作,直到您取消發佈它。(您可以隨時返回「已發佈」標籤以查看您之前共享的所有工件。)

從原型到生產

雖然工件非常適合原型設計和共享 AI 應用程式,但它們最適合測試和演示。在某個時刻,您可能希望實施適當的 API 金鑰管理並構建更強大的基礎設施。最終,您還會遇到 claude.ai 中的一些技術限制(例如缺乏交錯腳本)。

無論出於什麼原因,當您準備好將工件提升到下一個級別時,您將能夠複製 Claude 的代碼並將其粘貼到您選擇的編輯器中。從那裡,Claude Code 已準備好介入。

在您構建時,繼續與 Claude 合作作為下一步和新想法的頭腦風暴夥伴,使用 Claude Code 進行戰術執行。不久之後,您將擁有一個完全驗證、生產就緒的應用程式。

常見問題

什麼是工件,為什麼要用它們進行原型設計?

工件是 Claude 在對話期間創建的自包含代碼片段。它們出現在聊天旁邊的專用面板中,使其易於實時查看、編輯和互動。另外,它們可以在短短幾次點擊中與世界共享。

對於 AI 應用程式原型設計,工件相比傳統開發流程提供了幾個關鍵優勢。

  • 即時反饋——在 Claude 生成代碼時立即測試工作代碼

  • 快速迭代——根據您的實時測試請求更改

  • 內置 AI 功能——添加 Claude API 呼叫,無需額外成本或設置

我可以與朋友或隊友協作工件嗎?

當擁有 Claude 帳戶的人點擊您的共享鏈接時,他們可以通過與 Claude 交談來自定義和修改工件。當他們這樣做時,他們會創建自己的副本,而不是編輯您的原始版本——因此您的版本保持完全如您所製作的那樣,而他們開發自己的變體。非常適合快速迭代和過去應用程式想法的記錄保存。

工件中 AI 存在什麼樣的使用限制?

無論誰使用您的應用程式都會在他們的計劃上產生使用。換句話說,當您構建和測試時,API 使用計入您的計劃,但當其他人使用您的共享應用程式時,使用計入他們的計劃。

最簡單的說法是,當有人使用您的 Claude 應用程式時:

  • 他們使用現有的 Claude 帳戶進行身份驗證

  • 他們的 API 使用計入他們的訂閱,而不是您的

  • 您無需為他們的使用付費

  • 沒有人需要管理 API 金鑰

是否回答了您的問題?