Web Artifacts Builder

要构建强大的前端 claude.ai artifacts，请遵循以下步骤：

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

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

设计和风格指南

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

快速入门

步骤 1：初始化项目