./Artifacts Builder

Teaches Claude to build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components. Covers component composition, state management, and creating interactive experiences within artifact constraints.

anthropics
Development Tools
107,891
Python
107.9k
Stars
12.0k
Forks
744
Watch
#artifacts#react#shadcn

>README

>Overview

Strengths

  • +shadcn/ui integration
  • +Claude.ai optimized

Considerations

  • !Artifacts-specific
  • !Limited to web

>Code Quality

TestsCI/CDDockerTypesSKILL.md

>Technical Details

Language
Python
Created
Sep 22, 2025
Updated
Apr 1, 2026
install.sh
View Source

Clone the repository to your local machine

$git clone https://github.com/anthropics/skills.git && cd skills/skills/artifacts-builder
Get SkillZIP

Resources

GitHub RepositoryReport Issue
Browse Development Tools

Alternatives to Artifacts Builder

Compare features and choose the best fit for your workflow.

SkillMatchStarsLanguageUpdatedHealth
Artifacts Buildercurrent
anthropics
—107,891PythonThis year
Superpowers
obra
Same category
35%128,893ShellThis year
Claude Code Templates
davila7
Same category. Both use Python
35%23,955PythonThis year
Frontend Slides
zarazhangrui
Same category
35%12,071ShellThis year

>Related Skills

View all in category →
/

Frontend Design

107,891

Build distinctive frontends avoiding generic aesthetics with bold design decisions for React & Tailwind

development-toolsanthropics
featured
/

MCP Builder

107,891

Guide for creating high-quality MCP servers to integrate external APIs and services

development-toolsanthropics
featured
/

Webapp Testing

107,891

Test local web applications using Playwright for UI verification and debugging

development-toolsanthropics