web-artifacts-builder
Build elaborate multi-component claude.ai HTML artifacts with React, Tailwind, and shadcn/ui.
🛡️ AgentReady threat assessment
MAESTRO 7-layer threat model + OWASP AIVSS risk score for web-artifacts-builder, derived from its capabilities.
AIVSS 8.4 · High
View MAESTRO 7-layer threat model →Overview
Anthropic's official skill for complex claude.ai artifacts needing state, routing, or shadcn/ui. Bundles init-artifact.sh and bundle-artifact.sh scripts that scaffold a React 18 + TypeScript + Vite project with 40+ shadcn components and bundle everything into a single HTML file via Parcel. Executes shell scripts and generates/bundles frontend code.
Key features
- Scaffold script with 40+ preinstalled shadcn/ui components
- Single-file HTML bundling via Parcel
- React 18 + TypeScript + Tailwind stack
Use cases
- Build a multi-view interactive artifact with routing
- Bundle a shadcn/ui app into one HTML file