# 安装 artifacts-builder

- 类型: Skill 技能
- 说明: 帮助用户构建基于 React 与 Tailwind 的复杂多组件网页交互原型
- 仓库: https://github.com/ComposioHQ/awesome-claude-skills
- ⚠ 安全: 该 Skill 材料显示其本质是用于生成前端 artifact 的提示/文档型工作流，本身未声明需要密钥或连接远程端点。虽然 README 提到可运行本地脚本与安装前端依赖，但结合“prompt-only”、开源来源及较高社区采用度，整体风险偏低，以需留意为主。

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "artifacts-builder" 技能：
1. 下载 https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/artifacts-builder/SKILL.md
2. 保存为 ~/.claude/skills/artifacts-builder/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

### Codex
```
请帮我安装 askskill 上的 "artifacts-builder" 技能：
1. 下载 https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/artifacts-builder/SKILL.md
2. 保存为 ~/.codex/skills/artifacts-builder/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

### Cursor
```
请帮我安装 askskill 上的 "artifacts-builder" 技能：
1. 下载 https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/artifacts-builder/SKILL.md
2. 保存为 ~/.cursor/skills/artifacts-builder/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
mkdir -p ~/.claude/skills/artifacts-builder && curl -fsSL https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/artifacts-builder/SKILL.md -o ~/.claude/skills/artifacts-builder/SKILL.md
```

### Codex
```bash
mkdir -p ~/.codex/skills/artifacts-builder && curl -fsSL https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/artifacts-builder/SKILL.md -o ~/.codex/skills/artifacts-builder/SKILL.md
```

### Cursor
```bash
mkdir -p ~/.cursor/skills/artifacts-builder && curl -fsSL https://raw.githubusercontent.com/ComposioHQ/awesome-claude-skills/master/artifacts-builder/SKILL.md -o ~/.cursor/skills/artifacts-builder/SKILL.md
```