web-artifacts-builder
Scaffolds and bundles React/TypeScript projects into single-file HTML artifacts for Claude with shadcn/ui components.
Install
npx skills add https://github.com/anthropics/skills --skill web-artifacts-builderStats
| Total installs | 20,865 |
| Weekly installs | 20.7K |
| GitHub stars | 104.6K |
| First seen | Jan 19, 2026 |
| Source | @anthropics/skills |
Summary
- Scaffolds React 18 + TypeScript projects with Vite, Tailwind CSS, and 40+ pre-installed shadcn/ui components via automated initialization script
- Bundles complete artifacts into single self-contained HTML files with inlined assets, ready for Claude artifact display
- Includes design guidance to avoid common "AI slop" patterns like excessive centering, purple gradients, and uniform rounded corners
- Supports complex workflows requiring routing, state management, and Radix UI dependencies out of the box
Tags
Related skills
| Skill | Installs | vs web-artifacts-builder |
|---|---|---|
| ai-sdk | 14,212 | -6,653 |
| playwright-best-practices | 16,854 | -4,011 |
| expo-tailwind-setup | 14,269 | -6,596 |
| onboarding-cro | 25,785 | +4,920 |
| site-architecture | 15,556 | -5,309 |
FAQ
- How many installs does web-artifacts-builder have?
- web-artifacts-builder has 20,865 total installs and 20.7K installs this week.
- Where is web-artifacts-builder hosted?
- web-artifacts-builder is published by @anthropics/skills at https://github.com/anthropics/skills.
- How many GitHub stars does web-artifacts-builder have?
- web-artifacts-builder has 104.6K GitHub stars.
- When was web-artifacts-builder first indexed?
- OrangeBot.AI first indexed web-artifacts-builder on Jan 19, 2026.
- How do I install web-artifacts-builder?
- Run: npx skills add https://github.com/anthropics/skills --skill web-artifacts-builder