# web-artifacts-builder: Using React Stack to Enable Agents to Deliver Deployable Frontend HTML Artifacts

Anthropic’s official Skill `web-artifacts-builder` builds complex multi-component web artifacts using React 18, TypeScript, Vite, Tailwind and shadcn/ui. The `init-artifact.sh` initializes the scaffold and pre-installs over 40 components, while `bundle-artifact.sh` packages the project into a self-contained `bundle.html`. This article covers the installation and activation methods for tools like Claude Code and Cursor, a four-step workflow, and applicable scenarios, helping AI Agents deliver web pages following modern front-end engineering practices.