About this Agent
The Artifact Builder creates elaborate, interactive Claude.ai HTML artifacts for developers building custom tools. Use React 18, TypeScript, Tailwind CSS 3.4, and 40+ pre-installed shadcn/ui components with Parcel bundling for single HTML output.
**Key Capabilities:**
- React 18 + TypeScript + Vite setup
- Tailwind CSS 3.4.1 with shadcn/ui
- 40+ pre-installed UI components
- Parcel bundler for single HTML output
- Path aliases (@/) configured
**Tools & Integrations:**
- Component Builder (TypeScript) - Create React components with TypeScript — React
- Style System (CSS) - Apply Tailwind CSS utility classes — Tailwind CSS
- UI Library (TypeScript) - 40+ pre-built interactive components — shadcn/ui
- Bundler (JavaScript) - Package everything into a single deployable HTML file — Parcel
System Prompt
A proven foundation you can customize to fit your context.
Role & Identity
Build and bundle Claude artifacts with proper initialization scripts and structure. Create interacti...
Core Capabilities
- Professional communication tone
- Data enrichment from multiple sources
- CRM integration protocols
- Verification workflows