mcpField
P
plan-page

plan-page

github.com/aetheria-labs1设计与 UI835 次安装2 周前更新
代码仓库

关于 plan-page

用于在页面可视化、素材制作或设计前规划店铺页面的技能,涵盖页面策略、面向顾客的文案、版块顺序、证据和素材需求,并形成待审批方案。

主要功能

  1. 01明确页面目标与受众
  2. 02确定优惠策略和页面类型
  3. 03组织以消费者决策为核心的版块
  4. 04撰写定稿文案并处理证据
  5. 05定义响应式布局与素材需求
  6. 06提供模板或定制方向

适用场景

  1. 01规划商品销售页
  2. 02创建信息或支持页面
  3. 03为素材制作准备页面方案
  4. 04在设计前理清页面策略

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/aetheria-labs1/storefront-skills --skill plan-page

安装后在 Claude Code 中输入/plan-page确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

agents/
openai.yaml
references/
page-type-guide.md
plan-page.md
planning-rules.md
quiz-authoring.md
references/offers/
offer-strategy.md

详细介绍

规划店面页面

产出完整规格,供后续技能进行可视化、资源配置和设计。在此确定策略和面向客户的文案。不要选择岛屿、编写代码、创建草稿或制作素材。

仅阅读适用内容

务必阅读:

  • work/storefront/setup.md;
  • 所选店铺的 brand.md、design.md、products.md、persona.md、 rules.md 和默认主题 CSS;
  • references/plan-page.md;
  • references/page-type-guide.md;
  • references/planning-rules.md。

这三份参考资料构成基础规划资料包。通用设置背景仅供参考,不能作为当前商务信息的依据。

对于销售页面,包括没有促销的全价产品页面,在选择页面类型或版块之前,还要阅读 references/offers/offer-strategy.md。对于信息或支持页面,记录其适用性,但不要强行设置优惠。

使用:

  • lexsis_catalog.list 和 lexsis_catalog.get 刷新所选产品;
  • lexsis_catalog.reviews_status、lexsis_catalog.review_collections、 lexsis_catalog.reviews 和 lexsis_catalog.reviews_search 获取佐证;
  • 规划好版块后,使用 lexsis_template_library.search_page_kits、 lexsis_template_library.search_sections 和 lexsis_template_library.get_kit。

产品查找器、评估、分支问题和引导式推荐由实时 Quiz 岛屿提供支持。规划测验时,阅读 references/quiz-authoring.md,并将实现安排至 /quiz。规划入口、问题路径、确定性结果、真实产品/变体,以及退出或加入购物车操作。如果需要保存答案,请说明用途、披露内容、问题分类、可见性、保留期限、恢复填写时限,以及单独的联系方式选择。答案保存必须独立于分析同意。

游戏、奖励发放或自定义互动仍需要专用的实时岛屿架构;不要臆造运行时或隐藏控件。不要承诺自动发送结果邮件、捕获预览图,或提供尚未发布的测验漏斗仪表板。

遇到不熟悉的架构时,使用精确的路由器/操作发现来确认。公开事实应通过权威网络资料研究;涉及商家私有决策、定位不明确、预期活动文案或证据冲突时,向用户询问。记录研究事实的来源和日期。

1. 明确需求

确认:

  • 工作区、店铺和默认工作主题;
  • 所请求的页面及页面类型;
  • 产品、系列或全店范围;
  • 目标市场和 Persona;
  • 流量来源及提供的活动信息;
  • 漏斗阶段和认知程度;
  • 转化目标和 CTA 目标位置;
  • 优惠、购买模式、日期和地区;
  • 佐证、声明、法律限制及必备版块。

如果请求为空或信息不完整,请提出所有会影响决策的重要问题。问题数量不限。将相关问题归类,方便用户高效作答。不要询问设置、目录或可靠公开资料中已有的事实。

如果缺少某项选择或证据,且会实质性影响页面,则以 PLAN_BLOCKED 状态停止。较小的不确定项保留在 ## Open decisions 中并明确标注。

2. 刷新实时背景信息

在 products.md 中查找可能相关的产品,然后通过实时目录刷新每个所选产品。记录准确的 ID、变体、选项、价格、供货情况、销售方案、描述和产品媒体任务。

规划佐证之前,先查看评价的可用情况。如果 Lexsis 中没有权威信息,请通过权威来源核实公开政策、适用场合、认证、配送、退货和声明事实。涉及商家可控事项的冲突应交由用户处理。

如果用户提供了活动信息或创意,请从其提供的材料中提取承诺、名词、CTA、语气、声明和视觉提示。不要臆造活动背景。

制定优惠价值策略

对于销售页面,请遵循 references/offers/offer-strategy.md,将客户证据与预期结果、差异化优势、实现机制、完整解决方案、价值、证明以及一个可测试的不确定因素联系起来。在提出折扣前,先考虑如何提升价值。定稿各部分和文案之前,请填写页面策略中的七项价值策略字段;叙事确定后,再附上各部分的 ID。

遵守商家固定的优惠方案和已提供的活动承诺。将尚未确认的价格、赠品或备选定位保留在待决事项中,不要写入最终文案。缺少经济数据会限制盈利能力结论,但不妨碍有效使用现有优惠方案。这些决策不授权商业变更。

3. 确定一种页面类型

搜索模板前,请先查阅 references/page-type-guide.md。根据流量、阶段、认知度、预期操作、产品数量、优惠方案和活动触发因素,准确选择一种类型。

以指南中的默认结构为起点。记录每个省略的必需部分,以及每项偏离及其原因。呈现方案前,请先检查清单。

4. 构建消费者叙事

使用消费者决策模型,列出购物者最关心的决策问题、顾虑、异议、所需证明及移动端情境。将它们组织成有序的部分叙事:

  1. 建立关联性和信息匹配度;
  2. 解释产品或实现机制;
  3. 化解最大异议;
  4. 在主张旁放置支持该主张的证明;
  5. 呈现优惠方案和风险逆转措施;
  6. 以一个明确的操作收尾。

利用页面策略的依据,在叙事中安排组件说明、机制证据、主要异议以及支持价值的图像。策略字段不是额外的必需部分。

先确定各部分,再选择模板。每个部分都必须有明确且独特的消费者任务;对于重复执行同一任务的部分,应合并或删除。

5. 定稿文案、证明和布局

为每个部分撰写面向客户的最终内容:

  • 眉题、标题、副标题、正文、标签、项目符号、CTA 和目标位置;
  • 适用时,提供 FAQ 问题和完整答案;
  • 准确的优惠条款和政策措辞;
  • 证明和主张 ID;
  • 桌面端和移动端的布局意图;
  • 以购物者行为描述交互意图,绝不描述实现方式。

不得遗留任何占位符、写作说明、草稿选项或 TBD 值。每个数字、时间范围、引言、徽章、认证、价格或保证都必须通过证明台账、优惠台账或主张审核予以确认。

6. 定义制作素材要求

定义每个部分所需的素材;素材搜集和制作留待 /plan-assets 处理。

对于每个素材槽位,请注明:

  • 所属部分及消费者任务;
  • 产品或变体身份;
  • 仅限真实素材、可编辑真实素材或允许生成的状态;
  • 优先注明移动端的宽高比、裁切方式、焦点和最低像素尺寸;
  • 较大屏幕上的宽高比、裁切方式、最低像素尺寸,以及是否源自同一母版;
  • 主体、构图、焦点、留白区、配色方案及与相邻部分的适配度;
  • 证据、权利或来源要求;
  • 后续使用 /visualize-page 时可选用的概念画面参考。

要求可以引用已通过目录确认的真实 Shopify 媒体,但不得据此选择素材库中的素材、上传文件、导入 URL、生成图像、消耗额度或宣称制作素材已就绪。

官方标识、认证、媒体徽标、客户证明、成果图像、包装标识和准确的产品外观始终要求使用真实且经授权的媒体素材。

7. 选择模板方向

仅在完成区块需求后搜索模板。

  1. 根据选定的类型、垂直领域、氛围和目标搜索页面套件。
  2. 如果可以使用选择界面,让用户进行选择,并等待选择响应。
  3. 如果没有选择界面,则遵循用户的授权方式:
    • 用户想自行选择时,展示最合适的候选项;
    • 用户授权你做决定时,选择最合适的选项并说明原因。
  4. 使用 lexsis_template_library.get_kit 获取选定的套件。
  5. 如果没有合适的页面套件,则仅针对需要可复用方向的具体规划区块搜索区块。
  6. 如果素材库为空,或所有候选项都与规划冲突,则记录自定义布局方向。/design-page 将负责创作该方向。

不得仅为适配现有模板而改变面向消费者的叙事。

8. 制定并批准规划

按照定义的顺序编写 references/plan-page.md 中的每个区块。结果应包含:

  • 完整的策略与消费者决策;
  • 最终文案;
  • 有序的区块与响应式布局;
  • 证明材料、优惠、信息匹配和声明方面的决策;
  • 模板或自定义方向;
  • 制作所需的素材要求;
  • 尚待解决的决策及其状态。

提供简要摘要,列出页面类型、受众、目标、优惠、区块数量、素材要求数量、证明材料/声明风险以及模板方向。持续修改,直至用户批准。

状态规则:

  • PLAN_BLOCKED:尚未解决会造成实质影响的策略、文案、优惠、证明材料、声明、产品或 CTA 决策;
  • PLAN_READY_FOR_APPROVAL:规格已完整,等待用户明确批准;
  • PLAN_APPROVED <who> <date>:用户已明确批准此确切规划。

规划获批并不代表获准支出素材费用、创建草稿或发布内容。

返回内容

返回完整的规划、绑定信息、状态和后续路由:

  • 用户希望批准概念时,可选 /visualize-page;
  • 使用 /plan-assets 处理制作媒体;
  • 视觉或素材决策改变策略、区块、声明或最终文案时,返回 /plan-page。

评论

支持 Markdown