mcpField

feel

diip3shDesign & UI61 installs

About feel

Build UI interactions whose motion comes from a physical model instead of durations and easing curves. Turn a feel described in words ("a toggle that feels heavy", "a drawer with a magnetic snap", "a card you throw into a corner", "a knob with heavy detents", "a sticky slider") into a production component driven by mass, stiffness, damping and force fields (magnets, friction, walls), on a line, in a plane or around a dial, plus a test rig that plots position, velocity and the force field, overlays the model's prediction on the measured motion, and exports the same spring to Framer Motion, react-spring, SwiftUI, Compose or CSS linear(). Use this whenever someone asks for an animation, transition, spring, gesture, drag, flick, snap points, bottom sheet, toggle, slider, carousel or any micro-interaction that should "feel" a certain way, or wants to tune or explain a spring, even if they never say "physics".

Install

Copy the command and run it in a terminal.

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

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

Bundled files

References and scripts installed along with 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

Comments

Markdown supported