用途：该技能用于创建结构复杂、多组件的 claude.ai HTML 工件，适合需要 React、Tailwind CSS、shadcn/ui、状态管理、路由或较复杂前端的场景。
主要能力：初始化配置完整的 React + TypeScript 项目；提供 Vite、Tailwind CSS 3.4.1、shadcn/ui 主题系统、路径别名 @/、shadcn/ui 风格组件起始结构，以及 Parcel 打包配置和 Node 18+ 兼容；可将项目打包为单文件 HTML 工件。
使用方式：
- 初始化：bash scripts/init-artifact.sh <project-name>，然后 cd <project-name>。
- 开发：编辑生成的文件来构建工件。
- 打包：bash scripts/bundle-artifact.sh，生成 bundle.html，将 JavaScript、CSS 和依赖内联为自包含文件；项目根目录需有 index.html。脚本会安装打包依赖（parcel、@parcel/config-default、parcel-resolver-tspaths、html-inline），创建 .parcelrc 配置并支持路径别名，用 Parcel 构建且不生成 source maps，再用 html-inline 内联所有资源。
- 分享：在对话中提供打包后的 HTML 文件，供用户作为工件查看。
- 可选测试：在需要或用户要求时，用可用工具（包括其他 Skills 或 Playwright、Puppeteer 等内置工具）测试/可视化；一般避免提前测试，以免增加延迟。
设计要求：为避免常见“AI slop”风格，避免过度使用居中布局、紫色渐变、统一圆角以及 Inter 字体。
限制：资料未说明具体收费、价格、平台支持范围与效果承诺；测试步骤为可选；打包要求根目录存在 index.html。
分类：前端与建站。