domains / families / design / web-artifacts-builder

web-artifacts-builder

authentic

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

When to use

• complex artifacts requiring state management
• artifacts requiring routing
• artifacts using shadcn/ui components
• multi-component claude.ai HTML artifacts

When not to use

• simple single-file HTML/JSX artifacts

Skill page

Source