Artifacts Builder 是一套用于创建复杂、多组件 claude.ai HTML 工件的工具，采用现代前端技术栈：React 18 + TypeScript + Vite + Parcel（打包）+ Tailwind CSS + shadcn/ui。
用途：帮助开发者构建功能丰富的前端工件，并打包为单个自包含 HTML 文件，直接在 Claude 对话中作为工件分享。
主要能力：初始化脚本可生成完整配置的 React 项目，包含 React + TypeScript（Vite）、Tailwind CSS 3.4.1 与 shadcn/ui 主题系统、路径别名（@/）、40+ 预装 shadcn/ui 组件、全部 Radix UI 依赖、Parcel 打包配置（.parcelrc），并兼容 Node 18+（自动检测并固定 Vite 版本）。打包脚本将 React 应用内联为单个 HTML 文件。
使用方式：
- 初始化项目：bash scripts/init-artifact.sh <project-name>，然后 cd <project-name>。
- 编辑生成的文件开发工件。
- 打包为单 HTML：bash scripts/bundle-artifact.sh，生成 bundle.html，要求项目根目录有 index.html。脚本会安装打包依赖（parcel、@parcel/config-default、parcel-resolver-tspaths、html-inline），创建支持路径别名的 .parcelrc，用 Parcel 构建（无 source map），再用 html-inline 内联所有资源。
- 在对话中分享该 HTML 文件。
- 可选测试：使用 Playwright 或 Puppeteer 等工具，建议先展示工件，按需再测试以减少延迟。
设计建议：避免过度居中布局、紫色渐变、统一圆角与 Inter 字体，以防“AI slop”。
限制：资料未提供收费、价格、平台支持范围等更多信息；测试步骤为可选，且需依赖外部工具。