用途：该技能面向需要为 claude.ai 构建复杂、多组件 React HTML 工件的场景，例如需要状态管理的交互式演示、使用 shadcn/ui 组件的工件，以及把 React 应用打包成单个 HTML 文件。资料明确说明它不适用于简单的单文件 HTML/JSX 工件。
技术栈：React 18 + TypeScript + Vite，使用 Parcel 进行打包，样式采用 Tailwind CSS，并预装 40 多个 shadcn/ui 组件及全部 Radix UI 依赖。
工作流程：初始化项目、开发工件、打包为单个 HTML 文件、展示给用户。
初始化命令：bash scripts/init-artifact.sh <project-name>，随后 cd <project-name>。该脚本会创建基于 Vite 的 React + TypeScript 项目，配置 Tailwind CSS 与 shadcn 主题、路径别名（@/），预装 40 多个 shadcn/ui 组件，并配置好 Parcel 打包。
打包命令：bash scripts/bundle-artifact.sh，生成 bundle.html，将全部 JS、CSS 与依赖内联为自包含工件。
设计建议：避免“AI 味”设计，如过度居中布局、紫色渐变、统一圆角、单一 Inter 字体；应让内容匹配主题、保持清晰视觉层级与一致模式，并注意可访问性。
组件参考：https://ui.shadcn.com/docs/components，预装组件包括 Button、Card、Dialog、Drawer、Form、Input、Select、Checkbox、Table、Tabs、Toast 等。
使用提示：正常开发，最后再打包；打包前在浏览器中测试；保持打包体积合理；使用 Tailwind 实现响应式设计。
限制：资料未提供收费、价格、平台支持范围或具体性能指标等信息。