如何使用 Claude Artifacts 提升协作效率
学习如何使用 Claude Artifacts 功能,在侧边栏中实时查看、预览并编辑代码、文档及网页内容,大幅优化 AI 协作工作流。
- 确认 Artifacts 功能已激活. 登录 Claude 网页端后,点击右上角的个人资料图标,进入 Feature Preview 菜单。确保 Artifacts 选项处于开启状态,以启用独立窗口展示功能。
- 触发生成内容. 在聊天输入框中输入包含代码、长文档或前端页面构建的需求指令。Claude 会识别此类内容,并自动在对话界面的右侧生成一个独立的 Artifact 预览窗口。
- 切换视图模式. 在右侧窗口上方,你可以通过标签页在 Code(源代码)与 Preview(预览视图)之间自由切换。代码视图允许查看原始逻辑,预览视图则实时展示渲染结果。
- 进行即时修订. 若需更改内容,直接在主聊天窗口对 Claude 下达修改指令。Artifacts 窗口会自动识别并更新内容,无需手动复制粘贴或重新生成完整文件。
- 发布与共享项目. 完成内容开发后,点击窗口右下角的 Publish 按钮。这会为你的 Artifact 生成一个唯一的网页链接,方便分享给他人直接查看最终效果。