Artifacts Builder

要构建强大的前端 claude.ai 工件，请按照以下步骤操作：

1. 使用 scripts/init-artifact.sh 初始化前端仓库
2. 通过编辑生成的代码来开发您的工件
3. 使用 scripts/bundle-artifact.sh 将所有代码打包成单个 HTML 文件
4. 向用户展示工件
5. （可选）测试工件

技术栈: React 18 + TypeScript + Vite + Parcel (打包) + Tailwind CSS + shadcn/ui

Design & Style Guidelines

非常重要：为避免通常被称为 "AI slop" 的情况，请避免使用过多的居中布局、紫色渐变、统一的圆角和 Inter 字体。

Quick Start

Step 0: 询问主题配色规范（重要）