Claude Code product-principles:核查产品界面层级和操作反馈
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/product-principles/SKILL.md`,核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/product-principles/`,把核对后的文件保存为 `.claude/skills/product-principles/SKILL.md`。
- 在该项目根目录启动 Claude Code,在斜杠菜单中选择 `/product-principles`。
中文摘要
用主次层级、相邻关系、反馈和渐进披露检查产品界面,让用户更容易理解当前状态与下一步。
SKILL.md 中文导读
可复现示例
界面样例 product-28 是图书馆预约确认。用户最需要看到“Reservation saved”,次要信息是房间和时间,修改入口仍可找到。工作步骤
- 从用户当前任务出发,列出最需要理解的状态、内容和操作。
- 按实际信息层级核对阅读顺序和辅助信息入口。
验收方法
设计评审记录 {primary: 'Reservation saved', secondary: 'room and time', nextAction: 'Edit reservation'}。检查成功消息、次要信息和修改入口能按优先级被看到。
GitHub 原文 · 更新日期
适用环境
在 Claude Code 中准备产品任务、现有页面或线框,以及所需平台约定。
常见问题
渐进披露适合放哪些信息?
将操作时必需的信息先显示,把罕用设置和补充详情放在可找到的后续层级。