Web Artifacts Builder Purpose Use this skill to create complex Claude-compatible HTML artifacts as self-contained web apps. It is best for artifacts that need React state, multiple components, Tailwind styling, shadcn/ui, routing, or a proper frontend project structure. Workflow 1. Initialize a new artifact project with . 2. Build the artifact by editing the generated React/TypeScript/Vite project. 3. Use Tailwind and shadcn/ui components where they improve the interface. 4. Bundle the completed app with . 5. Deliver the generated as the self-contained artifact. 6. Test visually or functional…