web-artifacts-builder

Name: web-artifacts-builder
Author: Anthropic

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.

web artifacts builder ai html react tailwind css

Content Preview

---
name: web-artifacts-builder
description: 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.
license: Complete terms in LICENSE.txt
---

# Web Artifacts Builder

To build powerful frontend claude.ai artifacts, follow these steps:
1. Initialize the frontend re

How to Use

Recommended: Install to project (local)

mkdir -p .claude/skills
curl -o .claude/skills/web-artifacts-builder.md \
  https://raw.githubusercontent.com/anthropics/skills/main/skills/web-artifacts-builder/SKILL.md

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/anthropics/skills

Then reference at skills/web-artifacts-builder/SKILL.md