关于 interfaces-that-feel
面向设计师的界面设计技能,围绕用户的情绪状态调整交互细节与文案。它将感受转化为重量、阻力和恢复过程等行为特征。
主要功能
- 01将用户感受映射为现实类比
- 02用行为特征调整界面时序
- 03提供按状态区分的文案语气
- 04阐述情绪化时序原则
适用场景
- 01调整缓动以表现阻力
- 02为不同用户状态编写界面文案
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill interfaces-that-feel安装后在 Claude Code 中输入/interfaces-that-feel确认已加载。
附带文件stub.yaml
详细介绍
interfaces-that-feel
目录占位条目 — 完整技能:Owl-Listener/designer-skills
决策树
-
是否已安装完整技能?
- 全局:
f=~/.agents/skills/interfaces-that-feel/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - 项目:
f=.agents/skills/interfaces-that-feel/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ 技能已作为interfaces-that-feel安装,调用该技能并继续pointer→ 转到第 2 步
- 全局:
-
检测范围,然后安装:
[ -e ~/.agents/skills/interfaces-that-feel ] && echo "global" || echo "project"全局:
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -g -y项目:
npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -y**Claude Code:**发送一条以
!开头的命令作为聊天消息,即可在不离开对话的情况下运行该命令。
Claude Code 插件方式:
/plugin marketplace add Owl-Listener/designer-skills
/plugin install interaction-design@designer-skills
注意
- **许可证:**MIT
安装后调用
- 技能名称:
interfaces-that-feel - 触发短语:“让界面更有感觉”“情感化界面设计”“感受体验”“让它更有人情味”
功能
Owl-Listener 的情感化设计方法:命名用户的感受状态 → 找到现实世界中的对应事物 → 提炼其行为属性(重量、阻力、恢复过程)→ 将其应用于缓动、延迟、文案语气或间距。包含按状态划分的文案语气表和情绪时机原则。
不适用场景
- 需要纯粹的动效工程 → 使用
gsap-skills或motion-design-skill - 需要全面的设计评审 → 使用
design-consultation或plan-design-review
评论
支持 Markdown