interfaces-that-feel

어떤 스킬인가요?

An emotional-resonance lens for UI that is technically correct but flat. Translates a user’s felt state into specific copy, motion, and interaction changes.

설치 방법

프로젝트 폴더에서 아래 명령어를 실행하고, 설치할 에이전트를 선택하세요.

설치 명령을 직접 실행해야 적용됩니다. 지원 에이전트와 필요한 권한·라이선스는 제작자의 안내를 확인하세요.

스킬 원문 파일

---
name: interfaces-that-feel
description: |
  An emotional-resonance lens for UI that is technically correct but flat. Translates
  a user’s felt state into specific copy, motion, and interaction changes.
triggers:
  - "interfaces that feel"
  - "emotional interface design"
  - "felt experience"
  - "make it feel human"
  - "emotional resonance UI"
das:
  type: skill
  category: interaction-polish
  upstream: "https://github.com/Owl-Listener/designer-skills"
  upstream_path: "interaction-design/skills/interfaces-that-feel/SKILL.md"
  version: latest
---

# interfaces-that-feel

> Catalogue stub — full skill: [Owl-Listener/designer-skills](https://github.com/Owl-Listener/designer-skills)

<!-- das:install:start — generated from stub.yaml by `npm run generate`; edit stub.yaml, not this block -->
## 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:**

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

   **Global:**
   ```bash
   npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel -g -y
   ```

   **Project:**
   ```bash
   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
<!-- das:install:end -->

## 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`

type: skill
tier: community
category: interaction-polish
rank: 2
upstream: https://github.com/Owl-Listener/designer-skills
upstream_path: interaction-design/skills/interfaces-that-feel/SKILL.md
version: latest
install_default: npx skills add Owl-Listener/designer-skills --skill interfaces-that-feel
install_claude:
  - /plugin marketplace add Owl-Listener/designer-skills
  - /plugin install interaction-design@designer-skills
license: MIT
note: "verified 2026-10-21; single skill out of the Owl-Listener/designer-skills collection, targeted with --skill so only this directory lands. The Claude Code plugin route installs the whole interaction-design plugin (all of that domain's skills and commands, not just this one), checked against .claude-plugin/marketplace.json only, not run"
installed_as: interfaces-that-feel