关于 plan-page
用于在页面可视化、素材制作或设计前规划店铺页面的技能,涵盖页面策略、面向顾客的文案、版块顺序、证据和素材需求,并形成待审批方案。
主要功能
- 01明确页面目标与受众
- 02确定优惠策略和页面类型
- 03组织以消费者决策为核心的版块
- 04撰写定稿文案并处理证据
- 05定义响应式布局与素材需求
- 06提供模板或定制方向
适用场景
- 01规划商品销售页
- 02创建信息或支持页面
- 03为素材制作准备页面方案
- 04在设计前理清页面策略
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ aetheria-labs1/ storefront-skills --skill plan-page安装后在 Claude Code 中输入/plan-page确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
agents/openai.yamlreferences/page-type-guide.mdplan-page.mdplanning-rules.mdquiz-authoring.mdreferences/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. 构建消费者叙事
使用消费者决策模型,列出购物者最关心的决策问题、顾虑、异议、所需证明及移动端情境。将它们组织成有序的部分叙事:
- 建立关联性和信息匹配度;
- 解释产品或实现机制;
- 化解最大异议;
- 在主张旁放置支持该主张的证明;
- 呈现优惠方案和风险逆转措施;
- 以一个明确的操作收尾。
利用页面策略的依据,在叙事中安排组件说明、机制证据、主要异议以及支持价值的图像。策略字段不是额外的必需部分。
先确定各部分,再选择模板。每个部分都必须有明确且独特的消费者任务;对于重复执行同一任务的部分,应合并或删除。
5. 定稿文案、证明和布局
为每个部分撰写面向客户的最终内容:
- 眉题、标题、副标题、正文、标签、项目符号、CTA 和目标位置;
- 适用时,提供 FAQ 问题和完整答案;
- 准确的优惠条款和政策措辞;
- 证明和主张 ID;
- 桌面端和移动端的布局意图;
- 以购物者行为描述交互意图,绝不描述实现方式。
不得遗留任何占位符、写作说明、草稿选项或 TBD 值。每个数字、时间范围、引言、徽章、认证、价格或保证都必须通过证明台账、优惠台账或主张审核予以确认。
6. 定义制作素材要求
定义每个部分所需的素材;素材搜集和制作留待 /plan-assets 处理。
对于每个素材槽位,请注明:
- 所属部分及消费者任务;
- 产品或变体身份;
- 仅限真实素材、可编辑真实素材或允许生成的状态;
- 优先注明移动端的宽高比、裁切方式、焦点和最低像素尺寸;
- 较大屏幕上的宽高比、裁切方式、最低像素尺寸,以及是否源自同一母版;
- 主体、构图、焦点、留白区、配色方案及与相邻部分的适配度;
- 证据、权利或来源要求;
- 后续使用
/visualize-page时可选用的概念画面参考。
要求可以引用已通过目录确认的真实 Shopify 媒体,但不得据此选择素材库中的素材、上传文件、导入 URL、生成图像、消耗额度或宣称制作素材已就绪。
官方标识、认证、媒体徽标、客户证明、成果图像、包装标识和准确的产品外观始终要求使用真实且经授权的媒体素材。
7. 选择模板方向
仅在完成区块需求后搜索模板。
- 根据选定的类型、垂直领域、氛围和目标搜索页面套件。
- 如果可以使用选择界面,让用户进行选择,并等待选择响应。
- 如果没有选择界面,则遵循用户的授权方式:
- 用户想自行选择时,展示最合适的候选项;
- 用户授权你做决定时,选择最合适的选项并说明原因。
- 使用
lexsis_template_library.get_kit获取选定的套件。 - 如果没有合适的页面套件,则仅针对需要可复用方向的具体规划区块搜索区块。
- 如果素材库为空,或所有候选项都与规划冲突,则记录自定义布局方向。
/design-page将负责创作该方向。
不得仅为适配现有模板而改变面向消费者的叙事。
8. 制定并批准规划
按照定义的顺序编写 references/plan-page.md 中的每个区块。结果应包含:
- 完整的策略与消费者决策;
- 最终文案;
- 有序的区块与响应式布局;
- 证明材料、优惠、信息匹配和声明方面的决策;
- 模板或自定义方向;
- 制作所需的素材要求;
- 尚待解决的决策及其状态。
提供简要摘要,列出页面类型、受众、目标、优惠、区块数量、素材要求数量、证明材料/声明风险以及模板方向。持续修改,直至用户批准。
状态规则:
PLAN_BLOCKED:尚未解决会造成实质影响的策略、文案、优惠、证明材料、声明、产品或 CTA 决策;PLAN_READY_FOR_APPROVAL:规格已完整,等待用户明确批准;PLAN_APPROVED <who> <date>:用户已明确批准此确切规划。
规划获批并不代表获准支出素材费用、创建草稿或发布内容。
返回内容
返回完整的规划、绑定信息、状态和后续路由:
- 用户希望批准概念时,可选
/visualize-page; - 使用
/plan-assets处理制作媒体; - 视觉或素材决策改变策略、区块、声明或最终文案时,返回
/plan-page。