Anthropic · Agent Skill

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.

Published by AnthropicSee LICENSE.txt73 lines in SKILL.md

Source: anthropics/skills/skills/web-artifacts-builder
Repository owner: anthropics

Install

Read the SKILL.md and any scripts before installing: a skill runs with your agent's permissions. This copies just this skill into Claude Code's user skills folder; other agents read skills from their own folder.

Claude Code (user-level)

git clone --depth 1 --filter=blob:none --sparse https://github.com/anthropics/skills.git /tmp/skills
cd /tmp/skills && git sparse-checkout set "skills/web-artifacts-builder"
mkdir -p ~/.claude/skills && cp -r "skills/web-artifacts-builder" ~/.claude/skills/web-artifacts-builder

Skills folder docs:

Claude Code Codex Gemini CLI OpenCode Cursor GitHub Copilot goose OpenHands Amp Factory Droid Junie Kiro Roo Code Mistral Vibe pi Hermes Agent OpenClaw Letta

Works with

Agent Skills is an open format, so this skill loads in any harness that supports it, including Claude Code, Codex, Gemini CLI, OpenCode, Cursor, GitHub Copilot, goose, OpenHands. Some skills are written for one product and say so in their description.

More skills from Anthropic

algorithmic-art brand-guidelines canvas-design claude-api doc-coauthoring docx frontend-design internal-comms mcp-builder pdf pptx skill-creator

Reviewed Oct 5, 2026. Name and description are the skill's own frontmatter.