cro-optimization

用途

CRO Optimization 是一个面向落地页的转化率优化审计技能。它的目标是对一个落地页进行全面分析，输出具体、可执行的 CRO 建议，以最大化转化。它适用于用户提供落地页 URL 或直接粘贴 HTML/CSS 代码的场景。

按固定流程执行分析：先读取参考文件，再检查业务背景，然后抓取/提取页面元素并进行逐项审计。
依据三份参考文件进行分析：./references/cro_principles.md（13 项 CRO 原则，含检测标准与修复模式）、./references/landing_page_patterns.md（来自 ClickUp、Notion、Stripe、Apple 等高转化页面的真实模式，按类别组织）、./references/element_audit_framework.md（审计 H1、CTA、表单、社交证明、视觉层级的系统框架）。
页面元素提取，包括：排版（H1、H2、正文样本、CTA 文案）、视觉结构（首屏内容、区块顺序、图像位置、配色与对比度）、转化元素（主/次 CTA、表单字段与标签、信任信号、社交证明）、技术项（移动端响应式迹象、加载速度隐患）。
对照 13 项原则查找违规点，标注证据与严重程度（High/Medium/Low），并按转化影响排序。
将页面结构与已验证的高转化模式对比，指出缺失元素与可采纳的模式。
输出结构化报告，包含执行摘要、表现良好之处、关键问题、高影响优化项、逐区段分析、速赢项、测试路线图与基准对比。

技能通过 $ARGUMENTS 判断执行模式：若为空或未提供，则回复“cro-optimization loaded, provide your landing page URL or paste your HTML/CSS code”，并等待用户在下一消息中提供落地页；若 $ARGUMENTS 含内容，则直接进入任务执行。
页面可用后，第一步为强制读取三份参考文件（使用 Read 工具），完成前不得进入下一步。
检查项目根目录是否存在 FOUNDER_CONTEXT.md：存在则读取并用于个性化建议（行业、目标受众、产品类型、竞品）；不存在则仅基于页面内容分析。
若用户提供 URL，使用 WebFetch 获取页面内容并提取元素；若提供 HTML/CSS，则直接分析代码，并记录缺失的上下文（如实时样式、图片等）。
随后依次完成：元素提取 → 对照原则审计 → 与高转化模式对比 → 生成建议（说明改什么、为何重要、如何实现、优先级）→ 按输出格式整理并自检。