按钮与链接反馈
用箭头回应可操作性，用按压反馈回应操作过程。
移入链接看箭头；选按钮按压后，按下并松开体验收藏。
选用这个效果
粘贴到目标项目的 Claude Code 或 Codex，并说明要应用的页面或组件。
查看完整应用请求
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请应用目标页面的「按钮与链接反馈」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。按目标页面适配并实施；保持真实内容和入口，冲突时说明原因并采用适合的静态反馈。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/action-feedback.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/action-feedback/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：链接箭头（arrow）。本次应用以此变体为准。
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请应用目标页面的「按钮与链接反馈」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。按目标页面适配并实施；保持真实内容和入口，冲突时说明原因并采用适合的静态反馈。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/action-feedback.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/action-feedback/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：按钮按压（press）。本次应用以此变体为准。
- 反馈过渡
- 160 ms
- 箭头位移
- 4 px
- 按压位移
- 2 px
这些是演示参数，应用时按目标页面调整。
适合用在
- 带可见文字和方向箭头的 CTA 或详情链接
这些情况保持静态
- 没有真实动作的装饰元素
- 用位移代替加载、成功或失败状态
- 明确禁止悬停位移的风格
触屏与减少动态效果
触屏保持可点击；减少动态效果时使用静态颜色与轮廓反馈。动作结果由真实业务状态呈现。
技术说明与应用检查
触发与结束
悬停或键盘聚焦时箭头短距离右移；按钮按住时内部表面轻压，松开或取消按压后复位。点击区域固定，焦点可辨。收藏示例以真实按钮状态单独呈现结果，支持重复取消。
应用后怎么检查
- 真实点击与 Enter 均到达目标
- 箭头改变而文字、按钮边界保持不变
- 快速进出不会积累位移，减少动态效果时箭头静止
- 鼠标、触屏或键盘按下与释放可完成收藏或取消；按压中移出取消后不留下位移，状态只随实际激活改变
目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406
只审核已有页面
检查当前选中的变体，提出建议，不修改页面。
查看完整审核请求
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请审核目标页面的「按钮与链接反馈」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。仅审核不修改页面；说明适配情况、问题和修改建议。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/action-feedback.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/action-feedback/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：链接箭头（arrow）。本次审核以此变体为准。
## 执行方式 使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。 ## 任务 请审核目标页面的「按钮与链接反馈」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。仅审核不修改页面；说明适配情况、问题和修改建议。 定义：https://prompts.aiplanet.live/api/webui/effects/v1/action-feedback.json 目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406 可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/action-feedback/index.html 按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。 所选变体：按钮按压（press）。本次审核以此变体为准。