interfaces-that-feel

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
• トリガーフレーズ：「interfaces that feel」、「emotional interface design」、「felt experience」、「make it feel human」

概要

Owl-Listener の感情デザイン手法です。ユーザーが感じている状態に名前を付ける → 現実世界にある類似のものを見つける → 行動特性（重さ、抵抗、回復の流れ）を抽出する → イージング、遅延、コピーのトーン、間隔に適用します。状態ごとのコピーのトーンをまとめた表と、感情に応じたタイミングの原則も含まれています。

使用しない場合

• 生のモーションエンジニアリングが必要な場合 → gsap-skills または motion-design-skill を使用します
• 幅広いデザインレビューが必要な場合 → design-consultation または plan-design-review を使用します