feel
关于 feel
构建由物理模型驱动、而非时长和缓动曲线驱动的 UI 交互。将文字描述的感觉(“有重量感的开关”“带磁吸定位的抽屉”“被甩向角落的卡片”“带沉重卡点的旋钮”“有黏滞感的滑块”)转化为可投入生产的组件,由质量、刚度、阻尼和力场(磁力、摩擦力、墙面)驱动,可沿直线、在平面上或围绕旋钮运动;并提供测试工具,绘制位置、速度和力场,将模型预测叠加在实测运动上,并将相同的弹簧导出到 Framer Motion、react-spring、SwiftUI、Compose 或 CSS linear()。当有人提出动画、过渡、弹簧、手势、拖动、轻弹、吸附点、底部面板、开关、滑块、轮播或任何应有特定“手感”的微交互需求时,或希望调整或解释弹簧时,都使用它,即使他们从未提到“物理”。
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / diip3sh/ feel --skill feel安装后在 Claude Code 中输入/feel确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
README.mdindex.html.nojekyllLICENSE.gitignorecomponents/heavy-toggle.jscorner-card.jsmagnetic-drawer.jsrotary-knob.jsreferences/models.mdverify.mdvocabulary.mdruntime/rig.jsfeel.jsfeel.cssruntime/react/useFeel.tsscripts/audit.mjs评论
支持 Markdown