Claude Code Chrome 教程 · 配置与操作材料

HTML5 原生 dragstart/drop，稳定卡片 ID 与 photo-order。本站实际 Playwright 事件见结果；Claude Chrome 会话未运行。

实际事件记录

[
  {
    "type": "dragstart",
    "id": "P6"
  },
  {
    "type": "drop",
    "id": "P2"
  }
]

prompt.md

# Claude Code Chrome 教程：实测拖拽图片排序与刷新后顺序保留

输入：本地六张原创编号图片卡片，稳定 ID 与 localStorage 排序；植入刷新后恢复错误的缺陷。

产物：真实浏览器拖拽、刷新、回读顺序的操作记录；修复前后卡片 ID 顺序证据与复现步骤；必要时记录浏览器能力边界

只修改本练习目录；不读取真实密钥，不调用外部服务，不推送或发布。参考实现由本站人工编写，目标代理尚未执行。