{
  "schema_version": 1,
  "content_sha256": "af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406",
  "effect": {
    "id": "layered-hover",
    "name": "卡片分层悬停",
    "purpose": "让作品预览显得可探索，同时保持标题与点击区域稳定。",
    "intents": [
      "吸引探索",
      "展示作品"
    ],
    "applies_to": [
      "具有装饰层或预览缩略图的产品卡片"
    ],
    "avoid": [
      "需要逐行比较的数据、额度数字",
      "明确禁止悬停位移的风格",
      "没有可区分层次的普通截图"
    ],
    "behavior": "精细指针悬停时，便笺分别轻移与旋转，或让产品窗口和浮层产生轻微错位；移出归位。标题、正文与点击区域保持稳定。示例提供错落便笺和产品窗口两种构图。",
    "fallback": "触屏、减少动态效果或无 CSS 时保持完整静态卡片；内容和链接始终可用。",
    "parameters": {
      "duration_ms": 220,
      "distance_px": 6
    },
    "acceptance": [
      "便笺两层或窗口与浮层分别移动；移入、移出与快速反向操作后无残留位移",
      "键盘能进入并激活卡片；触屏无需先悬停",
      "减少动态效果时内层不位移"
    ],
    "source": {
      "url": "https://labs.aiplanet.live/",
      "note": "用户认可 Prompt Planet 预览的分层悬停；错落便笺和产品窗口为本库适配示例，不声称复刻原站像素。"
    },
    "example_sha256": "6322239f05e880e6d6a73dc377dc70a3cef1664901c4f37f2318dc31696f13e4"
  },
  "example_url": "https://prompts.aiplanet.live/webui/exemplars/effects/layered-hover/index.html",
  "download_url": "https://prompts.aiplanet.live/downloads/webui-effects/layered-hover.zip",
  "body": "## 执行方式\n\n使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。\n\n## 任务\n\n请应用目标页面的「卡片分层悬停」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。按目标页面适配并实施；保持真实内容和入口，冲突时说明原因并采用适合的静态反馈。\n定义：https://prompts.aiplanet.live/api/webui/effects/v1/layered-hover.json\n目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406\n可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/layered-hover/index.html\n按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。",
  "review_prompt": "## 执行方式\n\n使用 web-ui-workflows。若未安装，从 https://github.com/lindong28/lindong-skills 取得完整 web-ui-workflows/，读取 SKILL.md；不覆盖已有同名目录。\n\n## 任务\n\n请审核目标页面的「卡片分层悬停」效果，目标与范围沿当前对话。缺少目标时先确认；先判断它是否符合体验意图、内容和现有风格。仅审核不修改页面；说明适配情况、问题和修改建议。\n定义：https://prompts.aiplanet.live/api/webui/effects/v1/layered-hover.json\n目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406\n可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/layered-hover/index.html\n按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。"
}