web-artifacts-builder
An agent skill by anthropics, from anthropics/skills. Tags: anthropic, design, developer-tools, visual-art, web.
What it does
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
With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:
npx skills add anthropics/skills --skill web-artifacts-builderOr copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):
git clone --depth 1 https://github.com/anthropics/skills
cp -r skills/skills/web-artifacts-builder ~/.claude/skills/web-artifacts-builderSafety box score
Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.
Source
- Repository
- anthropics/skills (all skills from this repository)
- Path
- skills/web-artifacts-builder/SKILL.md
- Branch
- main
- Updated
- 2026-09-19
Related skills
- algorithmic-art — js with seeded randomness and interactive parameter exploration.
- frontend-design — Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.
- archify — Create polished, validated architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as explorable standalone HTML with inline SVG.
- brand-guidelines — Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.
- canvas-design — pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece.
- slack-gif-creator — Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts.