AI Learn
Anthropic · Claude Tutorial

Claude: Build and iterate with Claude Artifacts

Create a self-contained document, prototype, diagram or interactive output beside the chat, then edit it in controlled iterations.

Reviewed September 19, 2026Independent tutorialFeatures may vary
Not official support. AI Learn is an independent education site and is not affiliated with Anthropic. Check the provider’s current documentation for plan-specific limits, pricing and feature availability.
Before you start

Artifacts are best for outputs you want to view, edit, reuse or share as a standalone object. Exact capabilities can vary by plan and current Claude release.

1. Ask for a standalone artifact

State what the artifact is: a document, single-page app, dashboard, SVG, diagram, deck or another self-contained deliverable.

2. Define the acceptance criteria

Give the target user, required sections or interactions, visual constraints, data inputs and what “done” means.

3. Inspect the artifact separately from the chat

Review the rendered output or document itself. Test interactive controls and read the actual artifact rather than judging only Claude’s explanation.

4. Make targeted edits

Reference a specific section, component or behavior and change one thing at a time. Preserve working parts unless the redesign is intentional.

5. Use versions and export/share deliberately

Compare versions, restore a previous direction when needed, and only share or export after checking content, links, data and permissions.

Try this prompt

Create this as a standalone artifact: [deliverable]. User: [audience]. Must include: [requirements]. Visual/interaction constraints: [constraints]. Before adding extras, make the core flow work. After the first version, list the three highest-impact issues you would fix next.

Common mistakes

Asking for a vague “website” with no user flow; changing layout, copy and logic in one giant revision; publishing without testing; assuming generated code is secure because it renders correctly.

Finish check

The artifact should stand on its own: another person should understand what it is, use it, and see a coherent result without reading the entire chat history.

开始之前

Artifacts 适合那些需要单独查看、编辑、复用或分享的成果。具体能力可能随套餐和 Claude 当前版本变化。

1. 明确要求“做成一个 Artifact”

说明要做的是文档、单页应用、仪表盘、SVG、图表、演示文稿,还是其他可以独立存在的成果。

2. 写清验收标准

给出目标用户、必须包含的章节或交互、视觉约束、输入数据,以及什么状态才算完成。

3. 单独检查 Artifact 本身

直接阅读或运行右侧成果。互动内容要真的点一遍,不要只根据 Claude 在聊天里的文字说明判断质量。

4. 做“定点修改”

指出具体章节、组件或行为,一次改一件事;没有必要时不要让它重写已经正常工作的部分。

5. 有意识地使用版本、导出和分享

比较不同版本,需要时恢复旧方向;分享或导出前检查内容、链接、数据和访问权限。

可以直接套用的提示词

请把它做成一个独立 Artifact:[成果类型]。目标用户:[受众]。必须包含:[要求]。视觉/交互限制:[限制]。先把核心流程做通,不要先堆附加功能。第一版完成后,再列出最值得修的三个问题。

常见错误

只说“做个网站”却没有用户流程;一次大改同时改布局、文案和逻辑;没测试就发布;因为页面能打开就误以为生成代码一定安全。

完成检查

最终 Artifact 应该可以独立存在:别人不需要读完整聊天记录,也能看懂它是什么、怎么用,并得到完整结果。

開始之前

Artifacts 適合那些需要單獨檢視、編輯、重複使用或分享的成果。具體能力可能隨方案和 Claude 目前版本變化。

1. 明確要求“做成一個 Artifact”

說明要做的是檔案、單頁應用、儀表板、SVG、圖表、簡報,還是其他可以獨立存在的成果。

2. 寫清驗收標準

給出目標使用者、必須包含的章節或互動、視覺約束、輸入資料,以及什麼狀態才算完成。

3. 單獨檢查 Artifact 本身

直接閱讀或執行右側成果。互動內容要真的點一遍,不要只根據 Claude 在聊天里的文字說明判斷品質。

4. 做“定點修改”

指出具體章節、元件或行為,一次改一件事;沒有必要時不要讓它重寫已經正常工作的部分。

5. 有意識地使用版本、匯出和分享

比較不同版本,需要時恢復舊方向;分享或匯出前檢查內容、連結、資料和存取權限。

可以直接套用的提示詞

請把它做成一個獨立 Artifact:[成果類型]。目標使用者:[受眾]。必須包含:[要求]。視覺/互動限制:[限制]。先把核心流程做通,不要先堆附加功能。第一版完成後,再列出最值得修的三個問題。

常見錯誤

只說“做個網站”卻沒有使用者流程;一次大改同時改版面配置、文案和邏輯;沒測試就發佈;因為頁面能開啟就誤以為產生程式碼一定安全。

完成檢查

最終 Artifact 應該可以獨立存在:別人不需要讀完整聊天記錄,也能看懂它是什麼、怎麼用,並得到完整結果。

Official references

Check current product details at the source

Related practical tutorials

Continue with another single-task workflow.

All tutorials →