artifacts-builder
Scaffolds and bundles React/TypeScript projects into single-file HTML artifacts for Claude with shadcn/ui.
Install
npx skills add https://github.com/composiohq/awesome-claude-skills --skill artifacts-builderStats
| Total installs | 1,055 |
| Weekly installs | 1.0K |
| GitHub stars | 48.3K |
| First seen | Jan 20, 2026 |
| Source | @composiohq/awesome-claude-skills |
Summary
- Scaffolds React 18 + TypeScript projects with Vite, pre-configured Tailwind CSS, and 40+ shadcn/ui components ready to use
- Bundles complete artifacts into single self-contained HTML files with all JavaScript, CSS, and dependencies inlined
- Includes design guidance to avoid common "AI slop" patterns like excessive centering, purple gradients, and uniform rounded corners
- Supports state management, routing, and complex multi-component layouts through standard React patterns
Tags
reacttypescriptnodecssfrontendproductivitydesign-systemautomationcli-toolsgeneratorbest-practicesagent-skill
Related skills
| Skill | Installs | vs artifacts-builder |
|---|---|---|
| flutter-concurrency | 988 | -67 |
| zod | 972 | -83 |
| astro-framework | 1,075 | +20 |
| chrome-cdp | 1,092 | +37 |
| xiaohongshu-images | 1,040 | -15 |
FAQ
- How many installs does artifacts-builder have?
- artifacts-builder has 1,055 total installs and 1.0K installs this week.
- Where is artifacts-builder hosted?
- artifacts-builder is published by @composiohq/awesome-claude-skills at https://github.com/composiohq/awesome-claude-skills.
- How many GitHub stars does artifacts-builder have?
- artifacts-builder has 48.3K GitHub stars.
- When was artifacts-builder first indexed?
- OrangeBot.AI first indexed artifacts-builder on Jan 20, 2026.
- How do I install artifacts-builder?
- Run: npx skills add https://github.com/composiohq/awesome-claude-skills --skill artifacts-builder