What problem does it solve? Creating complex, multi-component web artifacts with state management, routing, and a full component system normally requires manual project scaffolding, dependency configuration, and bundling setup. This Skill automates that entire pipeline so a React + TypeScript + Tailwind + shadcn/ui project can be initialized, developed, and shipped as one self-contained HTML file. ## Core Features & Use Cases - Project Initialization: scripts/init-artifact.sh scaffolds a Vite React-TypeScript project with Tailwind CSS 3.4.1, shadcn/ui theming, path aliases, and 40+ pre-installed shadcn/ui components, with automatic Node version detection and Vite pinning. - Single-File Bundling: scripts/bundle-artifact.sh builds the app with Parcel and inlines all JavaScript and CSS into one bundle.html artifact ready to share. - Use Case: When asked for an interactive dashboard or multi-view app artifact, initialize the project, edit the generated React code using shadcn/ui components, then bundle it into a single HTML file the user can open directly in a browser. ## Quick Start Ask the agent to build a complex interactive web artifact, such as a dashboard with routing and shadcn/ui components, and have it initialize the project, develop the code, and bundle it into a single HTML file.
