概要
This skill provides a specialized workflow for creating high-fidelity, production-grade Claude artifacts that go beyond simple single-file HTML. It automates the setup of a modern development environment—complete with React 18, TypeScript, and a pre-configured library of over 40 shadcn/ui components—and handles the complex bundling process to produce a single, portable HTML file that Claude can render seamlessly. It is particularly useful for building interactive dashboards, complex tools, or any artifact requiring robust state management and polished UI components while avoiding common AI-generated design tropes.
