弹层快速开关
关掉详情后，它又出现；再次选择时显示旧内容。
最新操作生效，旧响应不覆盖当前内容，关闭后焦点有去处。
交互动效修复
让下一次操作，仍然符合预期。
弹层关了又出现、搜索结果追不上输入、长内容被截断：围绕一个具体问题修复已有网页。先记录失败，再用同样的操作检查结果，避免只看一张成功截图。
- 修复后的可编辑源码与原因说明，保留已有页面和业务含义。
- 同一组操作的前后 HTML / JSON 报告、截图和可重跑检查计划。
- 快速操作、键盘、手机宽度及减少动态效果的实际验证范围。
现已开放 · v1.0.0
USD 9.99 · 单次购买，或通过 Pro 获取。
你想完成哪件事？
输入与结果不同步
快速搜索和切换筛选后，结果追不上当前输入。
保留当前输入，核对迟到响应、空结果、错误与重试。
展开与长内容
内容展开时闪一下，长中文在手机上显示不全。
可中断的状态转换、完整内容和减少动态效果下的检查。
快速收起后，再次展开时间安排
真实输出 · 原创虚构示例
给它什么
包内原创虚构通知设置页：时间、较长备注，以及中英切换。
怎么处理
检查中断后的展开状态、备注是否保留，以及键盘焦点；报告保存每一项检查结果。
浏览全部输出示例
- 英文交互示例 · 真实运行 — 可快速收起再展开，保留时间和长备注；原创虚构场景。
- 中文长内容 · 真实运行 — 检查较长中文、完整内容和可编辑输入。
- 检查报告 · 实际输出 — 同一操作计划的逐项结果，失败与未验证不会算作通过。
从你的材料，到交付文件
复现并明确行为
找出触发问题的操作，记录应保留的内容、焦点和选择，明确后一次操作如何接管前一次。
修复代码，保留设计
先处理状态和迟到响应，再调整必要动效。保留已有技术与设计规范，不为一个交互重做整站。
重放操作，留下证据
用相同计划比较前后结果；覆盖相关语言、视口和异常情况，明确自动化与实际使用验证的边界。
把这项任务带到你的 Agent
先准备这些材料
准备可编辑项目、本地启动方式（已知时）和具体操作问题。Agent 读取源码、确定选择器并编写检查计划，无需你手写 JSON。
- 登录后获取安装包。
- 将整个文件夹解压到项目中：
.agents/skills/interaction-motion/SKILL.md(Codex) 或.claude/skills/interaction-motion/SKILL.md(Claude Code). - 在该项目打开新对话，附上材料，将下方需求中的方括号替换为真实信息，先让 Agent 检查说明与依赖。
使用 interaction-motion，先阅读 SKILL.md。项目位于[源码路径]，本地启动方式为[命令或请从项目发现]，问题页面为[本地 URL / 路由]。复现快速打开、关闭和再次选择时的旧内容或弹层回弹。明确最新意图、请求归属和关闭后的焦点；保留当前输入和页面设计。先记录失败和预期，再做最小修复；用同一检查计划比较前后结果，覆盖相关中英文、桌面/手机宽度及键盘操作。交付代码改动、状态说明和 HTML/JSON/截图证据，明确未验证范围；缺少资料时指出最少缺项，不用随包示例替代。
安装与排错指引得到第一版后，可以这样继续改
更换较长文案或调整局部时长后，保留之前结果并重新执行受影响检查；行为或选择器改变时重新记录基线。
安装包交付什么
- 修复后的可编辑源码与原因说明，保留已有页面和业务含义。
- 同一组操作的前后 HTML / JSON 报告、截图和可重跑检查计划。
- 快速操作、键盘、手机宽度及减少动态效果的实际验证范围。
你需要另外准备什么
- Node 24、Playwright 1.58.2 与 Chromium 或已有 Chrome；可启动的本地项目。
- 自己的 Codex / 模型服务；安装依赖需要网络，项目自身依赖另计。
使用前须知
和网页设计或宣传视频 Skill 有什么区别？
它修复已有网页里实际发生的交互问题，交付源代码修改与复测证据。不会把修复任务替换成一段演示视频或一套新主题。
只有截图，可以直接修好吗？
截图只能帮助描述现象。实际修复需要源码和可访问的本地预览；资料不足时会明确指出缺项，不以包内示例代替。
需要什么环境和额外费用？
需要自己的 Codex、Node 24、项目运行环境，以及 Playwright / Chromium 或已有 Chrome。依赖安装需联网；不含模型或 Agent 费用，无额外付费 API。
检查通过是否代表完全流畅？
不能。检查证明的是所记录操作与设置下的结果；还需审阅实际动画。手机宽度模拟不等于真机，首版没有真实用户收益或跨浏览器认证。
如何购买和使用？
支持单独购买，有效 Pro 会员也可下载。将完整文件夹解压到项目的 .agents/skills/interaction-motion/，让 Codex 阅读 SKILL.md。提供可编辑源码、本地启动方式和具体问题，Agent 会复现、修复并留下前后检查。
一次处理一个页面的关联交互；需源码与本地预览。非通用自动修复、原生 App 或视频工具，不承诺业务提升、真机性能或无障碍认证。
更多创作可能
- 候补预约落地页 — 制作响应式预发布页面，包含产品说明、FAQ 和明确标注的本地演示表单，附可编辑源文件与桌面、手机预览。
- SaaS 产品落地页 — 制作完整 SaaS 营销原型，包含产品定位、功能、使用流程、计费周期切换、FAQ 与实现交接说明。
- 杂志感 SaaS 设计 — 适合写作、知识管理和协作产品。直立衬线标题、纸感留白、深绿按钮和不对称稿件构图。把产品资料交给 Agent，生成设计规范和可编辑响应式页面，也可以把这套方向应用到现有项目。
- 工业产品目录设计 — 适合硬件、家具和工业设计产品。细线目录网格、直角几何、产品主视觉和紧凑型号注释。把产品资料交给 Agent，生成设计规范和可编辑响应式页面，也可以把这套方向应用到现有项目。