XClawXCLAW
Back to marketplace
Skills

Web Artifacts Builder

Build elaborate claude.ai artifacts with React, Tailwind, shadcn/ui

Publisher · AnthropicVersion · 0.8.0Updated Mar 30, 2026

Add to XClaw

Run this in XClaw and the skill is ready — no restart required

$ xclaw skill add web-artifacts-builder

Overview

For artifacts that need state, routing, or many components: scripts scaffold the repo, you develop locally, then bundle everything into a single HTML file to show the user.

Features

  • React + Tailwind + shadcn/ui stack
  • State management and routing support
  • Init and bundle scripts
  • Single-file HTML output
  • Optional local-testing step

Try prompts like

Say these in XClaw — the skill activates automatically

  • Build a claude.ai artifact with routing and state — a task board
  • Ship a multi-step form with shadcn/ui, bundled to single HTML
  • Turn this dataset into an interactive dashboard artifact

Related