Summary
This is what you want when you're building a complex Claude artifact that needs React, state management, or shadcn/ui components. It scaffolds a full TypeScript + Vite + Tailwind project, lets you develop normally, then bundles everything into a single HTML file that works as a Claude artifact. The workflow is straightforward: run the init script, build your multi-component app, run the bundle script, and share the resulting file. It comes with 40+ shadcn/ui components pre-installed and handles all the path alias configuration. Skip this for simple single-file artifacts, but it's the right tool when you need proper routing or component libraries.
Install to Claude Code
npx -y skills add composiohq/awesome-claude-plugins --skill artifacts-builder --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →
