This walks you through building React artifacts as single HTML files that work in Claude's artifact viewer. It scaffolds a React 18 + TypeScript + Vite project with Tailwind and 40+ shadcn/ui components already installed, then bundles everything into one standalone HTML file using Parcel. The workflow is pretty opinionated but streamlined: init, develop, bundle, share. Nice touch that it explicitly warns against the centered-purple-gradient aesthetic that screams AI generated. Most useful when you want to quickly prototype interactive UIs in Claude without worrying about deployment or dependencies. The bundling step handles all the path alias resolution and asset inlining automatically, which saves the usual headache of making React apps portable.
npx skills add https://github.com/sickn33/antigravity-awesome-skills --skill web-artifacts-builder