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