artifacts-builder
composiohq4.3k installs
Interactive React apps in one shareable HTML file.
What it does
Creates multi-component frontend artifacts bundled into a single self-contained HTML file for sharing in Claude conversations.
When to use it
Use for complex artifacts requiring state management, routing, or shadcn/ui components, rather than simple single-file HTML or JSX artifacts.
How to use it
Give it an artifact to build; it creates a frontend project and bundles the result into a single HTML file to share in conversation.
Good to know
- cannot be undone: dist; bundle.html
Latest review
What you need · 1
Requires Node.js 18 or higher; initialization exits if 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