用途：构建功能较复杂、多组件的 claude.ai HTML artifact，采用现代前端技术栈。
主要能力与流程：
- 初始化：运行 bash scripts/init-artifact.sh <project-name> 创建 React 项目并进入目录；生成的环境包含 React + TypeScript（Vite）、Tailwind CSS 3.4.1 与 shadcn/ui 主题系统、路径别名 @/、预装 40+ shadcn/ui 组件及 Radix UI 依赖、Parcel 打包配置（.parcelrc）、Node 18+ 兼容（自动检测并固定 Vite 版本）。
- 开发：编辑生成的文件来构建 artifact。
- 打包：运行 bash scripts/bundle-artifact.sh，将 React 应用打包为单个自包含 HTML（bundle.html），内联全部 JavaScript、CSS 与依赖。要求项目根目录存在 index.html。脚本会安装 parcel、@parcel/config-default、parcel-resolver-tspaths、html-inline 等依赖，创建支持路径别名的 .parcelrc，用 Parcel 构建（无 source map），再用 html-inline 内联资源。
- 分享：把打包后的 HTML 文件在对话中分享给用户查看。
- 测试（可选）：仅在必要或被要求时，用可用工具（其他 Skill 或 Playwright、Puppeteer 等内置工具）测试/可视化；一般避免提前测试，以免增加等待延迟，可在展示后按需测试。
设计风格提示：为避免常见“AI slop”，避免过度使用居中布局、紫色渐变、统一圆角与 Inter 字体。
局限：官方资料仅覆盖上述步骤与配置，具体组件用法可参考 shadcn/ui 组件文档（https://ui.shadcn.com/docs/components）。未提供收费、平台支持范围或其他功能细节。