用途:帮助开发者创建功能丰富、多组件的 claude.ai HTML 工件(artifacts),采用现代前端技术栈。
主要能力:提供初始化前端仓库、开发工件、将全部代码打包为单个 HTML 文件、展示给用户以及可选的测试/可视化步骤。技术栈为 React 18 + TypeScript + Vite + Parcel(打包)+ Tailwind CSS + shadcn/ui。
使用方式:按步骤执行——先用 scripts/init-artifact.sh 初始化前端仓库;编辑生成的代码开发工件;再用 scripts/bundle-artifact.sh 将所有代码打包成单个 HTML 文件;随后展示工件;可选进行测试。
设计规范:资料特别强调避免“AI slop”式设计,即避免过度使用居中布局、紫色渐变、统一圆角以及 Inter 字体。
适用场景:需要为 claude.ai 制作复杂交互式前端工件的场景。
限制:资料未提供具体安装命令、依赖版本细节、收费信息或平台兼容性说明,部分内容暂未提供。