catalog/repos/abhsin--designskills.md

132 lines
2.9 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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