# Web Artifacts Builder

> Build multi-component claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui. For complex artifacts requiring state management or routing.

- Skill: `varunk130/web-artifacts-builder` (Agent Skill)
- Install (CLI): `npx skillmds@latest add varunk130/web-artifacts-builder`
- Raw SKILL.md: https://api.skillmd.com/api/skills/varunk130/web-artifacts-builder/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: varunk130 (https://skillmd.com/u/varunk130)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/varunk130/web-artifacts-builder

---


# Web Artifacts Builder

Stack: React 18 + TypeScript + Vite + Parcel + Tailwind CSS + shadcn/ui. Init with init-artifact.sh, develop, bundle to single HTML with bundle-artifact.sh, share as artifact.