Directory / Anthropic Agent Skills / web-artifacts-builder

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.
Description from the SKILL.md front matter.

Install

Add the marketplace (once, in Claude Code)

/plugin marketplace add anthropics/skills

Install the example-skills bundle that contains it

/plugin install example-skills@anthropic-agent-skills

Or with GitHub CLI v2.90+ (any supported agent)

gh skill install anthropics/skills web-artifacts-builder

Commands follow each host's documentation (Claude Code, Claude.ai, Claude API docs). gh skill needs GitHub CLI 2.90 or later and is in public preview.

Catalog: Anthropic Agent Skills (anthropic-agent-skills)
Author: Anthropic
Source code: anthropics/skills
License: Complete terms in LICENSE.txt
Repository stars: 182,130 for anthropics/skills (the whole catalog repo)
Added to catalog: 2025-12-01
Last change: 2026-04-20
Installed via bundle: example-skills

What it contains

Skills: 1

Similar in Design & media

algorithmic-art (Anthropic skills skill)
brand-guidelines (Anthropic skills skill)
canvas-design (Anthropic skills skill)
frontend-design (Anthropic skills skill)
theme-factory (Anthropic skills skill)
hyperframes (Claude Code plugin)