{
  "schema_version": 1,
  "content_sha256": "af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406",
  "effect": {
    "id": "pointer-tilt",
    "name": "轻微立体倾斜",
    "purpose": "让产品预览随指针产生轻微空间感，并比较它与分层反馈的组合。",
    "intents": [
      "吸引探索",
      "展示作品"
    ],
    "applies_to": [
      "有独立预览区域的作品或产品卡片"
    ],
    "avoid": [
      "额度、告警或需要逐行比较的数据",
      "要求禁止位移的视觉风格",
      "依靠悬停才能取得信息的内容"
    ],
    "behavior": "精细指针在卡片内移动时，仅预览内层在两个方向各最多倾斜 4 度；移出、取消指针、窗口失焦或切换标签后归位。标题与点击区域固定。示例并排展示同一内容的静态、分层、倾斜和克制组合；6 像素距离用于组合中的分层移动。",
    "fallback": "触屏、减少动态效果或无 JavaScript 时保持完整静态预览和可用链接。键盘聚焦清除倾斜并显示焦点轮廓。",
    "parameters": {
      "duration_ms": 220,
      "distance_px": 6
    },
    "acceptance": [
      "从卡片左上到右下移动时预览倾斜方向改变，标题和点击区域不移动",
      "移出、取消指针与窗口失焦后恢复；快速移动不积累偏移",
      "静态、分层、倾斜和组合使用相同内容，所有链接都可到达目标",
      "键盘、触屏、减少动态效果与无脚本条件下可阅读和激活链接"
    ],
    "source": {
      "note": "依据本次用户认可的轻微倾斜与组合对比方向，采用原生 CSS 与指针事件独立实现；示例为合成内容，不代表第三方产品界面。"
    },
    "example_sha256": "a7ae7c2f7427f8fb96f99e5f32b7bb7eaf442a949bfa6377ac9dae27dcf1e755"
  },
  "example_url": "https://prompts.aiplanet.live/webui/exemplars/effects/pointer-tilt/index.html",
  "download_url": "https://prompts.aiplanet.live/downloads/webui-effects/pointer-tilt.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/pointer-tilt.json\n目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406\n可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/pointer-tilt/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/pointer-tilt.json\n目录内容 SHA256：af4d52b59fe7066ee47020b38442b531904e1158de2ebe3e1aeb6afe531a2406\n可运行示例：https://prompts.aiplanet.live/webui/exemplars/effects/pointer-tilt/index.html\n按 references/effect-selection.md 核对效果及其交互和回退；交代实际采用或不采用的理由和未核实边界。示例内容为合成演示，不复制成产品事实。"
}