Web Artifacts Builder

Build powerful frontend claude.ai artifacts using React 18 + TypeScript + Vite + Tailwind CSS + shadcn/ui.

When to Use

• Complex artifacts requiring state management, routing, or multiple components
• Artifacts using shadcn/ui components (buttons, dialogs, tabs, etc.)
• Multi-page apps that need bundling into a single HTML file
• NOT for simple single-file HTML/JSX artifacts (use plain HTML instead)

Quick Start

# 1. Initialize project
bash scripts/init-artifact.sh my-artifact
cd my-artifact