Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components
Run this command in Claude Code to install the skill
/install https://github.com/anthropics/skills/tree/main/web-artifacts-builderInstall to your personal skills directory (~/.claude/skills/web-artifacts-builder/)
# Create skill directory
mkdir -p ~/.claude/skills/web-artifacts-builder
# Download SKILL.md from GitHub
curl -sL "https://raw.githubusercontent.com/anthropics/skills/main/web-artifacts-builder/SKILL.md" \
-o ~/.claude/skills/web-artifacts-builder/SKILL.mdTarget: ~/.claude/skills/web-artifacts-builder/
Visit the GitHub repository to view the full documentation for artifacts-builder.
Read full documentationProductivity & Organization
Skills for task management, file organization, and productivity
Basic template for creating new skills
Official example skills
Instructs Claude to avoid "AI slop" or generic aesthetics and to make bold design decisions. Works very well for React & Tailwind.
Template / helper to build new Claude skills.