# AI产品设计思维技能集

`设计思维` `Claude Code` `产品开发` `UX` `PRD`

# DesignSkills

<p align="center">
  <img src="dts.gif" alt="DesignSkills 头图 GIF" width="600">
</p>

面向 AI 辅助产品开发的设计思维技能集。目前仅支持 Claude Code，正在更新以兼容更多 Agent！

## 安装

```bash
npx add-skill Abhsin/DesignSkills
```

完成！所有技能现已在 Claude Code 中可用。

---

## 可用技能

### 前期规划
- `/problem-framing` - 将模糊想法提炼为清晰的问题陈述
- `/user-modeling` - 基于研究构建行为型用户画像
- `/assumption-mapping` - 挖掘并优先排序高风险假设
- `/solution-scoping` - 优先排序功能并定义 MVP 边界

### 文档
- `/prd-generation` - 生成包含用户故事的精简 PRD
- `/ux-specification` - 定义流程、页面与交互

### 提示词
- `/prompt-export` - 将规格说明转换为有序的构建提示词

### 评估
- `/heuristic-evaluation` - 基于 Nielsen 10 启发式原则的可用性审查

---

## 快速上手

### 完整流程
```
/problem-framing → 定义问题
/user-modeling → 创建用户画像
/assumption-mapping → 识别风险
/solution-scoping → 优先排序功能
/prd-generation → 生成 PRD
/ux-specification → 定义 UX
/prompt-export → 创建构建提示词
[使用 Claude Code 构建]
/heuristic-evaluation → 审查可用性
```

### 快速迭代
```
/problem-framing → 验证想法
/solution-scoping → 定义 MVP
/prompt-export → 获取构建提示词
[使用 Claude Code 构建]
```

---

## 输出示例

**问题框架：**
> 自由设计师在同时处理 3 个以上项目时难以追踪客户交付物，导致错过截止日期、损害客户关系。

**UX 规格：**
```
流程：缩放食谱
1. 用户粘贴食谱 URL
2. 系统解析食材（2-3 秒）
3. 用户调整份量（2 → 6）
4. 系统重新计算用量
5. 用户打印缩放后的食谱
```

**提示词导出：**
```
提示词 1：搭建 React + Vite + TailwindCSS
目标：可运行的开发环境
检查点：运行 npm run dev 并看到首页

提示词 2：创建食谱解析器……
```

---

## 输出文件

技能会自动保存输出以保留上下文：

```
your-project/
├── design/
│   ├── 01-problem-framing.md
│   ├── 02-user-modeling.md
│   ├── 03-assumption-mapping.md
│   ├── 04-solution-scoping.md
│   ├── 05-prd.md
│   ├── 06-ux-spec.md
│   └── 08-heuristic-evaluation.md
├── prompts.md
└── src/
```

所有设计产出均保存在 `design/` 文件夹中，方便你和 AI 随时引用历史决策。

---

## 即将推出

- `ideation` - 问题重构与快速头脑风暴
- `critique` - 结构化设计反馈
- `usability-test-guide` - 用户测试脚本

---

## 许可证

Apache 2.0

---

## 有问题？

提交 Issue 或查看 `Skill/` 目录中各技能的独立文档。