← 返回 Skill 列表

extension

分类: 开发与工程无需 API Key

artifacts-builder

创建可交互的、自包含的工件，如迷你应用、可视化图表、计算器和工具，这些可以嵌入使用或独立运行。适用于构建交互式计算器、创建数据可视化、制作迷你网页应用、构建可嵌入的小部件、创建交互式演示、为特定任务制作工具或生成独立的HTML/JS应用程序时使用。

Artifacts Builder - Claude.ai HTML Artifacts

When to use this skill

Building interactive calculators and converters
Creating data visualizations and charts
Making mini web applications
Building embeddable widgets for websites
Creating interactive demos and prototypes
Making tools for specific tasks (generators, validators)
Generating standalone HTML/JavaScript apps
Building interactive forms and quizzes
Creating educational interactive content
Making API testing or debugging tools
Building configuration generators
Creating shareable interactive examples

When to use this skill

Creating interactive HTML artifacts in Claude.ai.
When working on related tasks or features
During development that requires this expertise

Use when: Creating interactive HTML artifacts in Claude.ai.

Pattern

```html

<!DOCTYPE html> <html> <body> <script src="https://cdn.tailwindcss.com"></script> <div class="p-8">Content here</div> </body> </html> \`\`\`