132 lines
2.9 KiB
Markdown
132 lines
2.9 KiB
Markdown
|
# 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/` 目录中各技能的独立文档。
|