Skip to content
Download Longwave

Web artifacts builder skill

Web artifacts builder is part of Anthropic's skills repository. Its job is to build multi-component claude.ai artifacts with React, Tailwind and shadcn/ui. It loads on its own when a request matches its description, and you can also call it by name. It bundles shell scripts that the instructions call for.

Source

When the agent reaches for it

The agent keeps every installed skill's description in view and loads the full instructions when a request matches. This is the description it reads:

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.

What the instructions cover

The sections of its SKILL.md, in order.

  • Design & Style Guidelines
  • Quick Start
  • Reference

What ships with it

Besides SKILL.md, the folder carries these. The agent opens them only when a step in the instructions calls for one.

  • scripts/ 3 files · 31 KB

Install the web artifacts builder skill

In Claude Code, run this in a session. It comes from the publisher's own instructions.

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

License: Apache-2.0.

Questions people ask

How do I install the web artifacts builder skill?

In Claude Code, run /plugin marketplace add anthropics/skills, then /plugin install example-skills@anthropic-agent-skills.

When does the agent use the web artifacts builder skill?

When a request matches its description. The agent keeps only the name and description of each installed skill in view, and reads the full instructions when a task fits. You can also ask for it by name.

Start with one machine.

Add the others when the work needs them, and the cloud when it has to keep going without you.

Download Longwave