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/
Productivity & 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.