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).

Landing pagesAnthropicSee repo

Install

npx degit anthropics/skills/skills/web-artifacts-builder .claude/skills/web-artifacts-builder

Run it in your project root, then ask your agent for what you want. More detail

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.

Straight from the skill's own SKILL.md. This is what your agent reads.

Read SKILL.md Source folder