catalog/repos/abhsin--designskills.md

AI产品设计思维技能集

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

DesignSkills

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

安装

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