Anthropic Web Artifacts Builder

Official Anthropic skill for building complex HTML artifacts with React and shadcn/ui

Frontend react Claude Skill

Details

Author: anthropics
Category: Frontend
Framework: react
Format: Claude Skill
Source: View on GitHub

How to install for Claude Code

One-line install 

npx -y degit anthropics/skills/skills/web-artifacts-builder ~/.claude/skills/anthropic-web-artifacts-builder

Manual steps

  1. Download the skill file from the source repository.
  2. Place it in the ~/.claude/skills/ directory.
  3. Claude Code will automatically pick up the skill in your next session.
Get from source

Need a different skill for your flow?

Get AI-ranked skill recommendations based on your tooling and use case.

Open AI Tool Finder