提示词片段
React + Tailwind + Motion磁场半径：以按钮中心为圆心 140px。
吸附强度：strength = (1 − min(距离 / 140, 1)) ^ 1.6；偏移 = 方向 × strength × 16px。
弹簧，跟随与回弹共用：刚度 260、阻尼 20、质量 1。回弹必须由同一个弹簧驱动，不允许用 CSS transition 或缓动曲线替代。
- 已上线效果
- 14
- 目标技术栈
- 4
- 提示词变体
- 3
- 提示词语言
- 2
使用方式
SEE → TUNE → COPY- 01
看见
每个效果都是真跑起来的组件，不是视频。
- 02
调参
拖动滑块改手感，提示词里的数字同步更新。
- 03
复制
选栈、选变体，复制粘贴，让 AI 按规格实现。
效果库
每个效果都配一份同源生成的提示词，换栈、换变体、换语言都不用重写。
指针 · 光斑 · 边框
一束光跟着你的指针走
把它移到卡片上：光斑跟着走，边缘同时亮起，卡片朝你微微倾斜。
指针进入卡片试试在卡片上拖动试试
9:41
按住按钮 · 松手看果冻回弹
点击更换按钮底下的底纹
点击按钮，观察收起 → 加载环 → 对勾的三段变形
上次结果：等待提交
状态 · 关闭
按住滑块左右拖动：它会像果冻一样被拉长压扁，松手弹到最近一侧；轻点一下也能切换。
Tab 聚焦 · Space / Enter 切换
按住 1.5 秒确认
按住不放，进度环走完才真正删除；中途松开、指针移出或按 Escape 都会取消并退回去。
键盘：Tab 聚焦 · 按住 Space / Enter · 松开取消
本月营收实时
¥0
720ms · 0 位小数千分位开
连点刷新：从当前显示值改道重数
内容加载中
切换状态：骨架整棵卸载，真实内容占同一个盒子 · 1600ms
RECENT ACTIVITY
最近活动
60ms · 320ms · 12px · cap 6
- 构建通过09:12
- 提示词已导出09:08
- 设计令牌已同步08:54
- 视觉验收通过08:31
- 组件已合并08:02
- 预览环境已部署07:45
重播 = 用新的 key 重新挂载列表
NOTIFICATION CENTER
通知中心
220ms in · 260ms out · 16px · 3600ms hold
导航视图260ms · 2px
概览
本周有 3 个动效通过验收，指示条只跟随一次激活变化。
方向键切换视图 · Enter 确认 · 首次挂载直接落位
卡片内弹出180 / 220 / 150 ms
Esc 关闭 · Tab 在弹窗内循环 · 关闭后焦点回到「打开弹窗」
布局 / 主题切换
把主题画成一个圆
点击下方按钮：新主题从指针位置扩散，旧画面在圆外保持静止。
暗色
View Transitions: 检测中…350ms · ease-out起点：点击处
15开发中
制作中
滚动视差
更多效果正在制作中