skills.homes logoskills.homescapability registry
home/categories/productivity-tools/anthropics-skills-skills-web-artifacts-builder-skill-md
cd ..
productivity-toolstools

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.

View Sourceproductivity-tools
anthropics
maintainer
anthropics
Updated 12/20/2025
Stars
45895
Forks
4318
quick start

Installation and usage

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.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use web-artifacts-builder