# Anthropic Web Artifacts Builder

Build interactive Claude artifacts with React and modern web tools\.

Canonical: https://claudelist.com/listings/skill-anthropics-skills-web-artifacts-builder

Category: Skills

Source: official · Anthropic

Source checked: 2026-10-14

Website: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

## Install or set up

1. Review this skill’s `SKILL.md` and any prerequisites at the source.
2. From the project where you use Claude Code, run the command below. It installs only this skill into project scope; add `-g` for your personal scope.
3. Restart Claude Code and invoke `/web-artifacts-builder` or ask Claude to use the skill. If it does not appear, check `.claude/skills/` and the source’s setup notes.

```sh
npx skills add https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder --agent claude-code
```

Installation guide: https://github.com/anthropics/skills/tree/main/skills/web-artifacts-builder