用途：创建轻量级 React 原型，并打包为单个可分享的 HTML 文件，适合快速原型、交互演示、可分享单文件以及 Claude artifacts 场景。不适用于完整应用、需要数据库或 API/认证的项目，也不适合内容型站点（如博客、文档、营销页），这些场景建议改用 audreygen 或 Astro。
技术栈：React 18 + TypeScript + Vite，Tailwind CSS + shadcn/ui，使用 Parcel 打包，预装 40+ shadcn 组件。
使用方式：
- 初始化项目：bash scripts/init-artifact.sh my-demo，然后 cd my-demo，pnpm dev。
- 开发：编辑 src/ 下的文件，可直接使用全部 shadcn/ui 组件，例如从 '@/components/ui/button'、'@/components/ui/card'、'@/components/ui/dialog' 导入。
- 打包为单文件：bash scripts/bundle-artifact.sh，生成 bundle.html，所有 JS/CSS 内联。
- 分享：在浏览器打开、直接分享文件，或粘贴到 Claude.ai 作为 artifact。
首次使用前需下载 shadcn 组件包：curl -L -o scripts/shadcn-components.tar.gz https://github.com/anthropics/skills/raw/main/skills/web-artifacts-builder/scripts/shadcn-components.tar.gz
设计规范：使用主题 token（如 text-muted-foreground）而非硬编码颜色；使用 @/ 导入；不使用分号；遵循 shadcn/ui 模式。如需独特或创意 UI，可结合 creative-design 技能。
限制：仅面向原型与演示，不适合生产级完整应用；需要数据库、API 或认证的场景不适用。