mcpField
I
interfaces-that-feel

interfaces-that-feel

github.com/podoDesign & UI30168 installsUpdated 4d ago
Repository

About interfaces-that-feel

A design skill for shaping interfaces around users’ emotional states, intended for designers refining interaction details and copy. It translates felt experience into behavioral qualities such as weight, resistance, and recovery.

Key features

  1. 01Maps user feelings to physical analogues
  2. 02Applies behavioral qualities to interface timing
  3. 03Includes copy voice by state
  4. 04Defines emotional timing principles

Use cases

  1. 01Adjusting easing to convey resistance
  2. 02Writing interface copy for different user states

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill interfaces-that-feel

After installing, type/interfaces-that-feelin Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

interfaces-that-feel

Catalogue stub — full skill: Owl-Listener/designer-skills

Decision tree

  1. Is the full skill already installed?

    • Global: f=~/.agents/skills/interfaces-that-feel/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/interfaces-that-feel/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as interfaces-that-feel, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/interfaces-that-feel ] && echo "global" || echo "project"

    Global:

    npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -g -y

    Project:

    npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Claude Code plugin route:

/plugin marketplace add Owl-Listener/designer-skills
/plugin install interaction-design@designer-skills

Heads-up

  • License: MIT

Invoke after install

  • Skill name: interfaces-that-feel
  • Trigger phrases: "interfaces that feel", "emotional interface design", "felt experience", "make it feel human"

What it does

The Owl-Listener affective-design method: name the user’s felt state → find a physical-world analogue → extract a behavioral property (weight, resistance, recovery arc) → apply it to easing, delay, copy tone, or spacing. Includes a copy-voice-by-state table and emotional-timing principles.

When NOT to use

  • You need raw motion engineering → use gsap-skills or motion-design-skill
  • A broad design review → use design-consultation or plan-design-review

Comments

Markdown supported