Log inSign up
Skills › Design & UI
anthropics logo
#185 by installsDesign & UIanthropics/skills

web-artifacts-builder

Build complex React artifacts with Tailwind CSS and shadcn/ui components for claude.ai

Installs
113K
all time
This week
2.5K
installs
Repo stars
179.6K
GitHub
First seen
Jan 19, 2026
on skills.sh
Install
npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder
Works with Claude Code, Cursor, Codex, GitHub Copilot, Windsurf, Gemini CLI and other agents that read SKILL.md.
What it does

Suite of tools for creating multi-component frontend artifacts using React 18, TypeScript, Vite, and shadcn/ui. Reach for this when you need state management, routing, or a full component library beyond simple HTML. Includes bundling pipeline and design guidelines to avoid common AI-generated artifact pitfalls.

  • Initialize and scaffold React + TypeScript projects with init-artifact.sh
  • Bundle multi-file artifacts into single HTML files using Parcel
  • Access shadcn/ui component library for polished, production-ready UI
  • Apply Tailwind CSS with design patterns that avoid "AI slop" aesthetics
Source on GitHub ↗On skills.sh ↗