mcpField

feel

diip3shデザイン・UI61 回インストール

feel について

時間やイージング曲線ではなく、物理モデルに基づく動きを持つ UI インタラクションを構築します。言葉で表された感触(「重みのあるトグル」「磁力で吸着するドロワー」「隅に投げ込むカード」「重いクリック感のあるノブ」「粘りのあるスライダー」)を、質量、剛性、減衰、力場(磁石、摩擦、壁)で駆動する本番用コンポーネントに変換します。直線、平面、ダイヤル周りで動作させられます。位置、速度、力場をプロットし、モデルの予測を実測した動きに重ねて表示するテスト環境も備え、同じスプリングを Framer Motion、react-spring、SwiftUI、Compose、CSS linear() 向けにエクスポートします。アニメーション、トランジション、スプリング、ジェスチャー、ドラッグ、フリック、スナップポイント、ボトムシート、トグル、スライダー、カルーセル、または特定の「感触」が求められるマイクロインタラクションを依頼されたときや、物理という言葉が出ていなくてもスプリングの調整や説明を求められたときに使用します。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://diip3sh/feel --skill feel

インストール後、Claude Code で/feelを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

README.md
index.html
.nojekyll
LICENSE
.gitignore
components/
heavy-toggle.js
corner-card.js
magnetic-drawer.js
rotary-knob.js
references/
models.md
verify.md
vocabulary.md
runtime/
rig.js
feel.js
feel.css
runtime/react/
useFeel.ts
scripts/
audit.mjs

コメント