artifacts-builder

Create interactive, self-contained artifacts like mini-apps, visualizations, calculators, and tools that can be embedded or used standalone. Use when building interactive calculators, creating data vi

SKILL.md

GitHub

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> \`\`\`

Похожие навыки: other

limits-colimits

Context management for Claude Code. Hooks maintain state via ledgers and handoffs. MCP execution without context polluti...

Автор: parcadei
3,392

ddttom-allaboutv2-claude-skills-block-collection-and-party

The Block Collection and Block Party are repositories for existing AEM blocks, build tools, code snippets, integration p...

Автор: mattnigh
20

nodnarbnitram-claude-code-extensions-claude-skills-esphome-confi

This skill should be used when the user asks to "create an esphome config", "set up an esp32 device", "configure esphome...

Автор: mattnigh
20