来自早期视频
本文内容取自早期的一期视频——Claude 的界面和功能可能已经有所变化，但思路和方法依然适用。
Claude Artifacts：不用写代码，也能做游戏、应用和文档
Claude Artifacts 是一项颠覆性的功能，能把普通的 AI 对话变成创建交互内容的强大工具。
与 ChatGPT 的 Canvas 不同，Claude 的 Artifacts 精确得多，也给你留出更大的创作空间。
Claude 里的 Artifacts 是什么？
Artifacts 是 Claude 创建的独立文档、应用或游戏，显示在对话右侧的专属面板中。它们会自动保存，并可在“My Artifacts”板块中找到。
Artifacts 的主要类型：
- 文本文档——文章、报告、脚本
- 互动游戏——测验、谜题、学习游戏
- Web 应用——计算器、追踪器、仪表盘
- 文档——收据、表单
- 演示文稿——带动画的幻灯片
- 图表——数据可视化
Claude 与 ChatGPT：为什么 Artifacts 胜过 Canvas
🎯 计数准确度
ChatGPT Canvas 的问题：
- 字数和字符数统计不准确
- 让它压缩到 3000 字 → 实际只有 700–900 字
- 经常不顾上下文地删减内容
Claude Artifacts 的优势：
- 字符和字数统计准确
- 编辑时能保持结构
- 严格遵循技术要求
💾 存储系统
在 Claude 中：
- 每个 Artifact 都保存在“My Artifacts”板块
- 可以随时回到任何一个项目
- 轻松分享链接，或下载为 Markdown
在 ChatGPT 中：
- Canvas 与具体的某个对话绑定
- 很难找到旧项目
- 导出选项有限
制作互动游戏
示例：根据一本书制作学习游戏
**任务：**基于一本关于自尊的书，创建一个互动游戏。
给 Claude 的提示词：
Create an interactive learning game based on the attached book about self-esteem.
Requirements:
- A quiz with questions per chapter
- Progressive learning (simple to complex)
- A points and achievements system
- Practical exercises after each section
- The ability to save progress
Build it as a web app with a beautiful design.
**结果：**Claude 会生成一个完整的游戏，包含：
- 互动界面
- 进度系统
- 实践练习
- 即时反馈
💡 **提示：**如果文件超出允许的大小，可以先上传到 Google Drive，再把链接发到与 Claude 的对话中。
学习游戏示例：
🧠 编程测验：
- 不同难度的题目
- 正确答案的讲解
- 追踪你的薄弱环节
📚 文学游戏：
- 根据引文猜作者
- 按时间顺序排列的谜题
- 人物分析
🌍 地理探索：
- 互动地图
- 首都挑战
- 各国的文化细节
创建文档和表单
📋 正式文档
Claude 很擅长创建逼真的文档：
可用格式：
- 收据（仅限样本）
- 合同和协议
- 简历和作品集
- 技术规格说明
- 报告和演示文稿
⚖️ **重要：**Claude 只会把文档作为样本来创建，遵循守法的原则。
🌐 保留结构的翻译
**独特之处：**Claude 可以把文档翻译成其他语言，同时完整保留：
- 原有版式
- 标题结构
- 表格格式
- 各元素的位置
翻译提示词：
Translate this document from English into Russian,
keeping all the structure, layout and style.
Adapt the content to Russian realities where necessary.
演示文稿与数据可视化
🎨 极简风格的演示文稿
Claude 可以制作现代风格的演示文稿，具备：
- 简洁的设计
- 流畅的动画
- 互动元素
- 响应式布局
📊 用图表做数据分析
它能做什么：
- 上传 CSV 文件
- 自动生成图表
- 互动式仪表盘
- 结论与建议
财务分析示例：
Analyse my spending for the year and create:
1. An interactive chart of spending by category
2. Month-by-month trends
3. Recommendations for optimising the budget
4. A planning calculator
不用写代码的 Web 应用
🧮 实用计算器
应用示例：
- 复利计算器
- 习惯追踪器
- 健身计划器
- 汇率换算器
- BMI 计算器
🎯 互动工具
- 密码生成器，复杂度可调
- 任务规划器，支持拖放
- 时间追踪器，带活动分类
- 活动日历，带提醒
使用 Artifacts：实用技巧
📁 整理 Artifacts
-
使用描述性的名称
- 不好：“游戏 1”“文档”
- 好：“Python 入门测验”“第一季度营销报告”
-
建立主题合集
- 教育游戏
- 商务文档
- 个人工具
-
定期更新内容
- 请 Claude 改进旧的 Artifacts
- 添加新功能
- 修复你发现的 bug
🔄 导出与分享
保存方式：
- Markdown 文件——适用于文本文档
- HTML 文件——适用于互动应用
- 公开链接——方便快速分享
- PDF——用于打印文档
🎯 迭代改进
优化流程：
- 创建基础版本
- 测试功能
- 请 Claude 添加功能
- 改进设计和用户体验
- 最后打磨
创建 Artifacts 的现成提示词
🎨 演示文稿提示词
商务演示：
Create an interactive presentation on "[topic]" with these requirements:
- 8–12 slides with a minimalist design
- Smooth animations between slides
- Interactive navigation (next/back buttons)
- Corporate colours: [specify colours]
- Include slides: title, problem, solution, results, conclusion
- Add a progress bar showing the current slide
教学演示：
Build a learning presentation on "[subject]" for [audience]:
- Interactive elements for engagement
- Mini-quizzes after each section
- Visual schemes and diagrams
- A "show/hide" system for extra information
- Dark mode for comfortable viewing
- A "Notes" button for saving key ideas
📊 图表提示词
财务分析：
Create an interactive dashboard for personal finance analysis:
- A pie chart of spending by category
- A line chart of income/expenses by month
- Interactive filters by period
- A savings and investment calculator
- KPI indicators (savings, debts, investments)
- The ability to upload CSV data
- Export reports to PDF
业务指标：
Build a dashboard for tracking an online store's KPIs:
- A sales funnel with conversions at each stage
- A heatmap of user activity by day of the week
- An LTV and CAC chart with trends
- Top-10 products by sales (an interactive table)
- Goal-achievement indicators (green/red)
- A sales forecast for next month
🎮 互动游戏提示词
学习测验：
Create an adaptive quiz on [topic] with these features:
- A bank of 50+ questions of varying difficulty
- An algorithm that picks questions for the player's level
- A points system with speed multipliers
- Detailed explanations of the correct answers
- Stats on progress and weak spots
- "Exam" and "Practice" modes
- A leaderboard with the option to save your score
技能训练器：
Build an interactive trainer for learning [skill]:
- A progressive level system (beginner → expert)
- Practical tasks with checking
- An achievements and badges system
- Daily challenges
- Tracking of study time
- Personal recommendations for improvement
- The ability to compete with friends
🧮 计算器和工具提示词
多合一计算器：
Create a multifunctional calculator with tabs:
- A regular calculator with operation history
- A percentage and discount calculator
- A currency converter with live rates
- A compound-interest calculator for investments
- A BMI calculator with recommendations
- A time calculator (adding/subtracting dates)
- A beautiful design with button animations
任务规划器：
Build an advanced task planner:
- Drag & drop for changing priorities
- Colour-coded categories
- Subtasks with progress tracking
- A calendar view and a task list
- Filters by date, priority, category
- A tag system for grouping
- Export the task list in various formats
- Dark/light theme
📋 文档和表单提示词
简历生成器：
Create an interactive résumé builder:
- A choice of 5 professional templates
- A step-by-step data-entry wizard
- Automatic improvement suggestions
- A real-time preview
- A grammar and style check
- Export to PDF with formatting preserved
- Tips for each résumé section
合同生成器：
Build a builder for simple contracts:
- Templates: rental, services, sale-and-purchase
- An interactive data-entry form
- Automatic calculation of amounts and dates
- A document preview
- Validation of required fields
- Saving drafts
- Export to Word/PDF formats
- Legal hints for each clause
🎯 专用工具提示词
文本分析器：
Create a tool for analysing text with these features:
- Counting words, characters, sentences, paragraphs
- Readability analysis (the Flesch–Kincaid index)
- Finding repeated words and phrases
- Text-sentiment analysis
- Highlighting key words and phrases
- Stats on sentence length
- Recommendations for improving the style
- Export an analytical report
内容生成器：
Build an idea generator for content:
- A bank of 500+ templates for different niches
- Filters by platform (Instagram, YouTube, TikTok)
- A headline generator with A/B testing
- A content-plan calendar with drag&drop
- Tracking of idea performance
- A bank of trending topics by category
- Brainstorming tools
- Export the content plan to Excel
使用 Artifacts 的小贴士
💡 撰写提示词的技巧
高效提示词的结构：
- Artifact 类型——明确说明要创建什么
- 核心功能——关键特性
- 设计要求——风格、配色、布局
- 交互性——哪些元素需要可点击
- 附加功能——导出、保存、分享
优质提示词示例：
Create a [TYPE] for [GOAL] with these features:
- [FEATURE 1] with a description of the behaviour
- [FEATURE 2] with technical requirements
- Design: [style, colours, layout]
- Interactivity: [what should be clickable]
- Export: [to which formats]
🔧 故障排除
如果 Artifact 无法加载：
- 刷新页面
- 让 Claude 重新生成
- 简化功能
- 拆分成几个部分
如果需要改进：
Improve this artifact:
- Add [a specific feature]
- Fix [description of the problem]
- Make the design more [requirement]
融入你的工作流程
📚 用于教育
- 创建互动笔记
- 按学科设计的学习游戏
- 自我评估系统
- 自适应学习材料
💼 用于商务
- 面向客户的互动演示
- ROI 和 KPI 计算器
- 报告系统
- 规划工具
🎨 用于创作
- 创意和概念生成器
- 互动作品集
- 创意类学习材料
- 内容规划工具
结语
Claude Artifacts 为创建互动内容开辟了不可思议的可能性，而且不需要会编程。
你可以用 Artifacts 制作教学内容、商务工具和有趣的应用——可能性几乎无穷无尽！
📺 观看演示：YouTube 上的 Claude AI 游戏制作教程
相关文章：