---
name: web-artifacts-builder
slug: web-artifacts-builder
score: 55
rubric: 1.0
provenance: anthropic
publisher: Anthropic
license: MIT
capability: read-only
canonical: https://top-agent-skills.com/skill/web-artifacts-builder
---

# web-artifacts-builder

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

## Install

### Claude Code

```bash
npx skills add github.com/anthropics/skills --skill web-artifacts-builder
```

### Cursor

```bash
npx skills add github.com/anthropics/skills --skill web-artifacts-builder --target cursor
```

### Codex CLI

```bash
codex skills add github.com/anthropics/skills/skills/web-artifacts-builder
```

### Claude.ai (web app)

Settings → Features → Upload skill (download zip from the source repo).

### Claude API

POST /v1/skills with the skill zip; reference by skill_id in container parameter.

## Best for

Demos, prototypes, and one-off interactive artifacts.


## About

Build self-contained HTML artifacts using React and shadcn/ui components.

## Compatibility

claude-code, claude-ai, claude-api, cursor, codex

## Metadata

- Categories: frontend-design
- Tags: React, shadcn/ui, Artifacts
- Setup time: 1 min
- Complexity: Low
- Last update: 2026-04-15
- Verified: 2026-04-29
- Source: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder


---

_Indexed by Top Agent Skills. Score breakdown: https://top-agent-skills.com/about/methodology_