SuperAPI AI 工具集

visualize-page

设计与创作

查看项目

更新于 10-15 10:10

技能介绍

Visualize a Planned Page 是一个可选技能,用于在页面实施前创建概念帧,让用户提前看到规划中的页面。它不会改变策略、生成生产媒体、编写源代码或创建托管页面。

用途 该技能将已批准的店铺页面方案转化为移动优先的概念图,供视觉评审使用。它适用于需要在实施前确认页面视觉方向的场景,帮助用户在真实开发前对布局、层级和视觉基调达成一致。

主要能力

  • 读取完整方案及其 PLAN_APPROVED 记录,以及所选店铺的 brand.md、design.md、persona.md、主题 CSS 和相关 products.md 行。
  • 通过 lexsis_catalog.get 获取实时产品详情和真实产品媒体。
  • 探测当前客户端可用的图像生成与编辑能力,构建内部能力矩阵,涵盖文生图与参考图生成、产品保留合成、宽高比与输出尺寸、编辑/修复、成本或积分、永久输出可用性。
  • 按页面顺序将页面切分为连续概念帧:视觉主导区块单独成帧,否则合并两个相邻区块,保持页面顺序。
  • 为每个帧先生成 390 移动端概念图,移动端是规范视觉方向。
  • 移动端帧获批后,默认从相同层级、视觉论点、源媒体、焦点和区块顺序推断 768/1280 处理;仅在用户要求或需要视觉确认时生成大屏概念图。
  • 记录响应式资产影响,供 /plan-assets 使用。

使用方式

  1. 确认方案已批准且包含最终文案和区块布局意图;若方案被阻止、未批准、缺少最终文案或缺少区块布局意图,则返回 /plan-page。
  2. 探测当前客户端的图像生成与编辑能力,构建能力矩阵。若用户指定了可用能力则使用;否则选择最佳可用匹配。若无合适外部能力,则使用 lexsis_assets.capabilities,检查 lexsis_workspace.credits,获得指定批次和成本的批准后,使用 lexsis_drafts.asset_generate。
  3. 将页面切分为连续概念帧,为每个帧携带区块 ID 及层级、最终标题、CTA 和关键标签、移动端层级、商务控件、拇指触达和媒体比例、主题调色板和字体特征、真实产品身份参考、一个大胆时刻及周围视觉克制。
  4. 为每个帧先生成 390 移动端概念图。
  5. 移动端帧获批后,默认推断大屏处理,或按用户要求生成大屏概念图。
  6. 按页面顺序呈现概念帧,以表格形式展示帧、区块、移动端输出、大屏处理、关键决策和状态。
  7. 请求用户针对具体帧提出修改,仅重新生成被拒绝的帧,保留已接受的帧,并跟踪修订。
  8. 记录视觉决策和响应式资产影响。
  9. 若反馈改变了最终文案、区块顺序、声明、优惠或所需资产任务,则将受影响的决策返回 /plan-page 进行修订和批准后再继续。

适用场景

  • 需要在实施前对店铺页面进行视觉评审。
  • 需要移动优先的概念图来确认商务层级、媒体高度、产品控件、粘性购买行为和交互放置。
  • 需要为 /plan-assets 和 /design-page 提供概念参考和响应式资产影响记录。

限制

  • 该技能是可选的,不改变策略、不生成生产媒体、不编写源代码、不创建托管页面。
  • 概念请求不授权未披露的付费批次。
  • 概念文本在图像工具无法可靠渲染长文案时可能视觉缩写,但层级和放置必须反映最终方案。
  • 生成的文本、价格、评论或产品标签不得视为事实。
  • 不得生成替代产品、包装、标志、认证、媒体标记、客户结果、评论者或创始人。
  • 生成的近似物永远不是产品外观的证据。
  • 每个输出必须标注为仅概念。
  • 若概念持久化在 Lexsis 资产库中,需通过 lexsis_asset_import.import 导入,标记用途为仅概念,并排除在生产资产绑定之外。
  • 概念图 URL 永远不会放入页面。
  • 状态包括 VISUAL_DIRECTION_IN_REVIEW、VISUAL_DIRECTION_APPROVED <who> <ISO date> 和 VISUAL_DIRECTION_SKIPPED。