Claude Artifacts是Anthropic推出的创新功能,允许Claude在对话中创建独立的、可交互的内容块。这些内容会在对话界面右侧独立展示,支持实时预览和编辑。
直接让Claude创建一个网页组件:
请用Artifacts创建一个待办事项(Todo List)网页组件,要求:
1. 可以添加新任务
2. 可以标记完成/未完成
3. 可以删除任务
4. 使用现代化的UI设计
5. 颜色方案:深蓝色主题
请创建一个交互式数据仪表板,展示以下销售数据:
- 一月:120万
- 二月:135万
- 三月:158万
- 四月:142万
- 五月:176万
要求使用柱状图展示,鼠标悬停显示具体数值,
配色方案用渐变色。
Artifacts最大的优势是支持迭代修改。你可以在看到预览后直接让Claude调整:
# 第一轮
请创建一个计算器网页
# 看到预览后
很好,但请把按钮颜色改成蓝色,增加一个历史记录面板
# 继续调整
请在历史记录中添加清除功能,按钮加上hover效果