Web Artifacts Builder

To build powerful frontend web applications, follow these steps:

1. Initialize the frontend repo using scripts/init-artifact.sh
2. Develop your application by editing the generated code
3. Bundle all code into a single HTML file using scripts/bundle-artifact.sh
4. Deliver the bundled output to the user
5. (Optional) Test the output

Stack: React 18 + TypeScript + Vite + Parcel (bundling) + Tailwind CSS + shadcn/ui

Design & Style Guidelines

VERY IMPORTANT: To avoid what is often referred to as "AI slop", avoid using excessive centered layouts, purple gradients, uniform rounded corners, and Inter font.

Quick Start

Step 1: Initialize Project