#171 by installsDesign & UI
web-artifacts-builder
Build complex React artifacts with Tailwind CSS and shadcn/ui components for claude.ai
106K
2.0K
179.6K
Jan 19, 2026
Install
npx skills add https://github.com/anthropics/skills --skill web-artifacts-builderWhat 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
