# artifacts\-builder

> [!IMPORTANT]
> 给 AI 助手：用户发送这个链接是希望**安装并启用 Skill**。先读取[安装与上手指引](https://s3.viceme.cn/skills/use-a-skill/SKILL.md)，再按本页商品信息和命令开始；本机已安装时也按该指引继续。本 Skill 可免登录试用 2 次。

¥0.01可下载的 ViceMe Skill，由 [测试人员](https://viceme.cn/ceshirenyuan.md)（@ceshirenyuan）发布。

> 这是一个神奇的skill

- 数据：获赞 0 · 评论 0

> # artifacts-builder
> 
> Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

## 装到你的 AI 助手里

在 WorkBuddy / Codex 的对话里发送本页面链接（或这个 `.md` 链接），助手会自动完成安装。助手必须先读取[安装与上手指引](https://s3.viceme.cn/skills/use-a-skill/SKILL.md)，再按本页命令安装。有可用的 Python 时先走脚本，不要为了安装先去定位或安装 CLI。不要用 `command -v viceme`、`which` 或 `Get-Command viceme` 自行判断，PATH 找不到不等于未安装。下面两条命令是事实入口，不是让助手先探测 PATH 再分流。

本机有可用的 Python 时，无需安装 CLI，直接装——

macOS / Linux（POSIX shell）：

```
curl -fsSL https://s3.viceme.cn/skills/use-a-skill/scripts/trial.py | python3 - install --product 4122ded0-3f19-4e5a-846c-75e4ac417f82 --market cn
```

Windows（PowerShell，`py` 不可用时改用 `python`）：

```
curl.exe -fsSL https://s3.viceme.cn/skills/use-a-skill/scripts/trial.py -o $env:TEMP\viceme-trial.py; py $env:TEMP\viceme-trial.py install --product 4122ded0-3f19-4e5a-846c-75e4ac417f82 --market cn
```

没有可用的 Python、但已有 ViceMe CLI 时：

```
viceme skill install 'https://viceme.cn/ceshirenyuan/xiaohongshu-cover-generator' --wait 0
```

- 两条路线安装同一个 Skill；具体安装与购买步骤见[安装与上手指引](https://s3.viceme.cn/skills/use-a-skill/SKILL.md)。
- Windows 命令先下载脚本再执行：PowerShell 的老版本管道会把 UTF-8 脚本按系统编码转坏，直接管道不可靠。
- 既没有可用的 Python 也没有 `viceme` 时，按官方安装契约安装 ViceMe CLI —— https://s3.viceme.cn/start/agent-install.md，完成后运行 `viceme doctor` 确认，再用上面的 `viceme skill install`。
- 需要登录时按引导完成，登录后安装继续。