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.
These scores are auto-generated from public information (the agent's own listing, docs, and repository) using the canonical OWASP AIVSS formula and the MAESTRO framework — an estimate for guidance, not a penetration test, audit, or certification. See the scoring methodology — every score is re-derived by the same automated method as an agent's public evidence changes.
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 and capabilities
- 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