web-artifacts-builder

Anthropic's official skill for building rich HTML artifacts with React, Tailwind, and shadcn/ui.

Design & FrontendINTERMEDIATEby Anthropic

Claude CodeClaude DesktopClaude.aihtmlreactshadcnartifacts

Key Information

Install / Load

/plugin install example-skills@anthropic-agent-skills

View Source & Install Guide

How This Skill Works

Official Anthropic skill for producing self-contained, interactive web artifacts using React, Tailwind CSS, and shadcn/ui components — dashboards, tools, mini-apps, and demos.

Use it when you want a working interactive page rather than a static mockup.

Source

Maintained by Anthropic. Install and updates come from the official repository.

View on GitHub

Related Skills

brand-guidelines

Anthropic's official skill for applying a consistent brand — colors, typography, and voice — across generated artifacts.

frontend-design

Anthropic's official skill for escaping generic AI aesthetics in React + Tailwind — distinctive, intentional UI instead of cookie-cutter.

theme-factory

Anthropic's official skill for styling any artifact with a theme — 10 preset color/font themes, or generate a custom one on the fly.