Taste PM — Design skill for Claude Code
有品味的产品设计 Skill:从业务需求推导信息架构与交互.
How to install Taste PM
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open yzfly/taste-pm and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Taste PM does
有品味的产品设计 Skill:从业务需求推导信息架构与交互。Product design with taste, for Claude Code.
Alternatives in Design
- Brand Guidelines — Apply Anthropic's official brand colors and typography to artifacts 94.1k ★
- Od Contribute — Open a first-contribution PR (or bug issue) on nexu-io/open-design — works for non-coders too 91.8k ★
- Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
README
taste-pm · 有品味的产品设计 Skill
Product design with taste — turn a business need into a clean, frictionless information architecture and interaction model.
一个 [Claude Code Skill](https://docs.claude.com/en/docs/claude-code/skills)。它让 AI 做产品设计时,专注于**真正的产品设计问题——信息架构与交互**,而不是纠结像素或后端实现。
这是什么
给它一个业务需求或功能想法,它会像一个有品味的产品经理那样,推导出产品的**结构与体验流程**:
- 这东西解决谁的什么问题(先价值,后功能)
- 用户来这儿最想完成的那一件事(核心动作)
- 入口摆哪、几步能到
- 一堆功能怎么排成页面(信息架构)
- 用户从头到尾怎么走(体验流程、即时反馈、闭环跳转)
它**不管**视觉皮肤(交给 UI skill)和工程实现(后端、接口)。只守住中间那一层。
核心:六步法
- 定义问题 —— 锁定价值,不是功能
- 锁定核心动作 + 产品定性 —— 决定后面所有范式
- 设计入口 —— 让核心动作零步触达
- 排布功能 + 信息架构 —— 主干、枝叶、按产品类型选布局骨架(重心)
- 串联体验流程 —— 即时反馈、就地浮层、短链闭环
- 落地到组件词汇 —— Semi / Arco 设计系统
产出一份结构化的产品设计稿:核心价值 → 用户场景 → 产品定性 → 入口 → 信息架构图 → 页面布局 → 体验流程图 → 落地组件。
安装
git clone git@github.com:yzfly/taste-pm.git
cp -r taste-pm/taste-pm ~/.claude/skills/
或直接把 `taste-pm/` 目录复制到你的 skills 目录。
目录结构
taste-pm/
├── SKILL.md # 六步法流水线 + 铁律 + 红旗 + 常见错误
├── references/
│ ├── 字节产品范式库.md # 布局骨架选型 / feed 判据 / 卡片库 / 即时反馈 / 闭环 / 降门槛
│ ├── 产品拆解案例.md # 13 个产品的真实结构拆解
│ └── 设计系统落地词汇表.md # Semi vs Arco / 组件口诀 / Token
└── assets/
└── 产品设计稿模板.md # 结构化输出模板
致谢与免责声明
本 skill 的判据与案例来自对一批公开产品(抖音、扣子、豆包、即梦、红果、飞书等)的**独立分析与公开资料整理**,用于产品设计方法论的学习与教育目的。所涉产品名称、商标归各自权利人所有,本项目与之无任何隶属或合作关系。
作者
**云中江树** · 微信公众号:云中江树
协议
[CC BY-NC 4.0](LICENSE)(署名—非商业性使用)
Related Skills
Taste Skill
Claude Code skill — reverse-engineer any website's design taste: concrete tokens + opinionated trade-offs (WHY
Design Taste Frontend
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the r
Taste Pull
Pull new inspiration from the #design-inspiration Slack channel into the taste library, and refresh reaction s
Fuck You And Stop Charging For Sloppy Design Agents
A Claude Code skill that actually designs beautiful UI. Extract your design taste → build unlimited production
Design Setup
Enable the frontend design stack — vendored Taste + UI/UX Pro Max, plus the impeccable plugin
Design Taste
Build UI that looks designed, not generated — tokens first, screenshot-critic loop, 8-axis taste rubric, acces
Related Agents
Steve Jobs Visionary
Use this agent when the user wants feedback, ideas, or decisions filtered through a Steve Jobs-like mentality
Designers
The VP of Design at Claude Inc, leading a six-skill design department — ui-ux-pro-max (design systems), taste
Engineering Design Specialist
Expert design engineer specializing in visual judgment, typography, spacing, color hierarchy, motion polish, a