name: artifacts-builder description: 创建交互式、自包含的工件，如迷你应用、可视化、计算器和工具，可以嵌入或独立使用。适用于构建交互式计算器、创建数据可视化、制作迷你网络应用、构建可嵌入小部件、创建交互式演示、制作特定任务的工具或生成独立的HTML/JS应用程序。
工件构建器 - Claude.ai HTML 工件
何时使用此技能
- 构建交互式计算器和转换器
- 创建数据可视化和图表
- 制作迷你网络应用
- 构建网站的可嵌入小部件
- 创建交互式演示和原型
- 制作特定任务的工具（生成器、验证器）
- 生成独立的HTML/JavaScript应用
- 构建交互式表单和测验
- 创建教育性交互内容
- 制作API测试或调试工具
- 构建配置生成器
- 创建可共享的交互示例
何时使用此技能
- 在Claude.ai中创建交互式HTML工件。
- 当处理相关任务或功能时
- 在需要此专业知识的开发过程中
使用时机: 在Claude.ai中创建交互式HTML工件。
模式
<!DOCTYPE html>
<html>
<body>
<script src="https://cdn.tailwindcss.com"></script>
<div class="p-8">内容在这里</div>
</body>
</html>