# 安装 frontend-design

- 类型: Skill 技能
- 说明: 帮助用户设计并生成高质量、可生产的前端界面与网页组件代码
- 仓库: https://github.com/anthropics/skills
- ⚠ 安全: 这是一个开源的纯提示型前端设计技能，材料中未显示需要密钥、网络连接或本地系统权限，整体风险较低。主要注意点在于来源仓库星标与维护信息有限，但基于现有事实未见明显红旗。

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

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

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

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

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

### Claude Code
```bash
mkdir -p '~/.claude/skills/frontend-design' && curl -fsSL 'https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md' -o '~/.claude/skills/frontend-design/SKILL.md'
```

### Codex
```bash
mkdir -p '~/.codex/skills/frontend-design' && curl -fsSL 'https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md' -o '~/.codex/skills/frontend-design/SKILL.md'
```

### Cursor
```bash
mkdir -p '~/.cursor/skills/frontend-design' && curl -fsSL 'https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md' -o '~/.cursor/skills/frontend-design/SKILL.md'
```