Artifacts Builder
要构建强大的前端 claude.ai artifacts,请按以下步骤操作:
- 使用
scripts/init-artifact.sh初始化前端仓库 - 通过编辑生成的代码开发你的 artifact
- 使用
scripts/bundle-artifact.sh将所有代码打包成单个 HTML 文件 - 向用户展示 artifact
- (可选)测试 artifact
技术栈:React 18 + TypeScript + Vite + Parcel(打包)+ Tailwind CSS + shadcn/ui
设计与样式指南
非常重要:为避免所谓的 "AI slop",避免使用过多的居中布局、紫色渐变、统一的圆角和 Inter 字体。
快速开始
步骤 1:初始化项目
运行初始化脚本创建新的 React 项目:
bash scripts/init-artifact.sh <project-name>
cd <project-name>
这将创建一个完全配置好的
[Description truncada. Veja o README completo no GitHub.]