# 安装 building-ui-ux

- 类型: Skill 技能
- 说明: 帮助你实现与迭代界面和交互体验，完成前端集成与设计优化。
- 仓库: https://github.com/microsoft/FluidFramework
- ⚠ 安全: 该技能材料显示其本质是开源的提示型 UI/UX 工作流指导，不要求密钥、未声明远程端点，整体风险较低。需注意 README 含有要求启动本地开发服务器和修改待办的指令，若在支持执行的宿主环境中使用，会带来常规的本地代码执行与数据访问注意事项。

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

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

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

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

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

### Claude Code
```bash
mkdir -p '~/.claude/skills/building-ui-ux' && curl -fsSL 'https://raw.githubusercontent.com/microsoft/FluidFramework/main/.agency/plugins/nori/skills/building-ui-ux/SKILL.md' -o '~/.claude/skills/building-ui-ux/SKILL.md'
```

### Codex
```bash
mkdir -p '~/.codex/skills/building-ui-ux' && curl -fsSL 'https://raw.githubusercontent.com/microsoft/FluidFramework/main/.agency/plugins/nori/skills/building-ui-ux/SKILL.md' -o '~/.codex/skills/building-ui-ux/SKILL.md'
```

### Cursor
```bash
mkdir -p '~/.cursor/skills/building-ui-ux' && curl -fsSL 'https://raw.githubusercontent.com/microsoft/FluidFramework/main/.agency/plugins/nori/skills/building-ui-ux/SKILL.md' -o '~/.cursor/skills/building-ui-ux/SKILL.md'
```