Name: Web Artifacts Builder
Author: Anthropic

Build complex React, Tailwind and shadcn/ui artifacts bundled into one HTML file.

An Anthropic skill for artifacts that outgrow a single quick HTML file, such as multi-screen tools with state and routing. It sets up a modern frontend project and bundles everything into one shareable HTML file.

Who it is for

Developers
Product managers prototyping
Indie hackers

Prompts to try

Once the skill is installed, ask for the result in plain words. Claude picks the skill up on its own.

Prompt 1

Build an interactive budgeting tool with tabs for income, expenses and goals

Prompt 2

Create a multi-step quiz app with a results screen as a single HTML file

Prompt 3

Prototype a kanban board with drag and drop using shadcn components

How to install it

In Claude Code

>/plugin marketplace add anthropics/skills
>/plugin install example-skills@anthropic-agent-skills

In Claude.ai

Turn it on among Anthropic's example skills under Customize > Skills (code execution required), or upload its folder from anthropics/skills as a zip.

Good to know

Overkill for simple one-file pages.

Unlock the install steps

Free. Leave your email once to open the install steps for all 149 skills, and get the best new skills each month.

How we checked it

Confirmed SKILL.md at skills/web-artifacts-builder/SKILL.md in anthropics/skills via the GitHub API; skill folder last changed 2026-04-20, repo has 181,779 stars and was pushed 2026-10-09.

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

Web Artifacts Builder