mcpField
I
interfaces-that-feel

interfaces-that-feel

github.com/podo设计与 UI30168 次安装4 天前更新
代码仓库

关于 interfaces-that-feel

面向设计师的界面设计技能,围绕用户的情绪状态调整交互细节与文案。它将感受转化为重量、阻力和恢复过程等行为特征。

主要功能

  1. 01将用户感受映射为现实类比
  2. 02用行为特征调整界面时序
  3. 03提供按状态区分的文案语气
  4. 04阐述情绪化时序原则

适用场景

  1. 01调整缓动以表现阻力
  2. 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

决策树

  1. 是否已安装完整技能?

    • 全局: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 步
  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