web-artifacts-builder
anthropics106k installs
Complex React interfaces in one shareable HTML file.
What it does
Creates complex frontend interfaces and packages them into a single HTML file for sharing in claude.ai conversations.
When to use it
Use for complex artifacts that need state management, routing, or shadcn/ui components, rather than simple single-file HTML or JSX.
How to use it
Give it an interface to build; it creates a frontend project and bundles the finished interface into a shareable HTML file.
Good to know
- cannot be undone: dist; bundle.html
Latest review
What you need · 1
Requires Node.js 18 or higher; the initialization script exits when the detected major version is below 18.
Access · 4
This skill
dist
Write
Deletes the previous build directory (irreversible)
bundle.html
Write
Deletes the previous HTML bundle (irreversible)
pnpm
Execute
Installs pnpm globally if missing