跳转到使用指南
Landing Page Design作者 elayadesign

Landing Page Design Skill.

围绕一个预期转化目标,统一页面的论述逻辑与视觉规则。

  • 落地页
  • 文案写作
  • 网页设计
来源评审 · Landing Page DesignSKILL.md
任务 落地页 产出 • 页面大纲、首屏文案、优势、流程和常见问题草稿。 • 在适当情况下提供包含标题和描述的 index/noindex 建议。 • 按所选布局和视觉规则逐节实现页面。 开始之前 不要求使用特定的应用运行时;实现示例引用了 Tailwind 值、IntersectionObserver 和可选的动效工具。
编辑摘要 · 来源已于 2026-10-07 评审 · 并非生成的示例

01 功能说明

围绕单一行动构建落地页

规划产品或服务的价值主张、文案、结构和 SEO 方案,然后在适合项目的情况下应用来源中详尽的视觉规则。

基于来源的工作流程并非执行基准测试

工作方法

Landing Page Design 从一项产品或服务、一个受众群体和一个主要行动入手。前半部分收集转化目标、异议、流量背景、佐证和约束条件,然后在构建前提出章节顺序和文案方案。后半部分则为字体、间距、圆角、首屏、图标、动效和组件状态规定详细的视觉系统。

这是一项风格倾向异常鲜明的技能,而不是一份中立的检查清单。它限定了字体和间距选项,要求必须包含标语揭示区块,并规定了具体的动画惯例。这些选择可能与现有品牌系统或无障碍要求冲突,不应在未作说明的情况下覆盖后者。其高转化定位表达的是目标,而非转化率已得到实测提升的证据。

预期交付成果

  • 页面大纲、首屏文案、优势、流程和常见问题草稿。
  • 在适当情况下提供包含标题和描述的 index/noindex 建议。
  • 按所选布局和视觉规则逐节实现页面。
查看示例简报

从简报到评审

  1. 01
    明确产品或服务的价值主张

    在一次信息收集中汇总受众、行动、异议、流量来源和真实佐证素材。

  2. 02
    选择论述方式

    选择经典首屏、长篇叙事、极简转化页或对比结构,并说明理由。

  3. 03
    先起草,再构建

    在实现之前,先产出大纲、文案、SEO 方案和布局建议。

  4. 04
    逐节构建和评审

    按顺序完成页面,同时检查状态、链接、语义、元数据和品牌约束。

02 适用场景

适用场景

不要求使用特定的应用运行时;实现示例引用了 Tailwind 值、IntersectionObserver 和可选的动效工具。

适合的情况

  • 推广单一产品或服务适用于希望访客采取一个明确定义的后续行动时。
  • 从策略到实现将文案和异议处理与具体的布局及状态决策相结合。

需要检查的限制

  • 不保证转化效果该来源提供设计和文案规则,而不是针对你的产品或服务进行实验所得的结果。
  • 品牌规则可能发生冲突其规定的字体、渐变、动效和文案大小写方式并非现有产品都必须遵循的通用要求。
  • 佐证必须真实绝不能虚构看似具体的统计数据、客户名称或保证,并将其作为事实证据。

请提供这些输入

  • 产品或服务与转化目标说明访客将获得什么,以及哪种行动算作成功。
  • 受众与异议提供访客背景、流量来源以及他们产生犹豫的真实原因。
  • 佐证与品牌约束提供已获批准的截图、客户评价、数据、条款和设计系统要求。

03 关键决策

关键决策

  1. 先定结构,再做装饰

    先确定页面的论述逻辑,再选择视觉规则,从而降低精心美化却不具备说服作用的区块这一风险。

  2. 流量意图很重要

    面向高意向用户的简短下载页,与用于搜索获客的教育型落地页需要采用不同的论述方式。

  3. 审视其默认规则

    只有当来源中强烈的视觉假设适合项目时,其具体规定才有价值。

04 示例任务

尝试聚焦型简报

以下示例简报尚未经过测试。使用前请检查该技能的设置说明。

检查设置

使用仓库当前的安装方式,并包含完整的技能文件夹。该来源是一套设计规则,并非托管式页面构建器。

上游源文件
https://github.com/elayadesign/ai-design-skills/blob/1c1e97cb9878e236552c772092dda7adcdddbcb2/skills/landing-page-design/SKILL.md

不要求使用特定的应用运行时;实现示例引用了 Tailwind 值、IntersectionObserver 和可选的动效工具。

从一项交付成果开始

运行该技能之前,请根据实际情况调整这份简报的范围、来源材料和约束条件。

示例简报
使用 landing-page-design 为我们的 design-review 产品规划一个长期有效的页面。受众是小型代理机构,目标行动是申请演示。仅使用所提供的截图和已经核实的佐证。在编码之前,先返回大纲、首屏文案、以异议为导向的常见问题、SEO 建议和布局选择。保留我们现有的品牌设计变量(tokens)和减少动态效果的要求。

检查结果

依据以下可观察的标准检查实际输出。

  • 从首屏到最终行动号召,始终保持同一个主要行动。
  • 每一项事实性佐证都来自所提供的证据。
  • 视觉规则已与现有品牌和无障碍要求协调一致。

OpenDesign 为编码智能体提供本地设计工作区。此条目不表示该技能已内置,也不表示其中包含其外部工具、凭据和软件依赖项。

05 来源与许可证

来源与许可证

本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。

来源所有者
elayadesign
许可证
MIT
已评审快照
2026-10-07 · 1c1e97cb9878
编辑来源摘要
规划产品或服务的价值主张、文案、结构和 SEO 方案,然后在适合项目的情况下应用来源中详尽的视觉规则。

由 OpenDesign 根据所链接的来源撰写的原创摘要。仓库星标数是带有时间属性的受欢迎程度信号,并不代表技能使用量或质量评分。

06 开始前的问题

开始前的问题

它是否仅为首页设计?

不是。其核心区分在于,落地页围绕一项产品或服务及一个明确意图,而首页则服务于多个受众群体或目标。

在现有网站上是否必须遵循每一项建议?

不是。其自身的适用范围承认明确的用户指示;对于既有品牌要求或无障碍要求,应妥善协调,而不是在未作说明的情况下将其覆盖。

添加其常见问题是否能保证获得搜索曝光?

不能。它建议提供有用的问答内容和适当的元数据;是否被编入索引以及搜索表现如何,仍是相互独立的结果。

OpenDesign

为下一轮设计迭代留出空间。

将简报、来源材料和设计工作集中存放在本地工作区中。将该技能加入工作流程之前,请先检查其自身的设置说明。

上游源文件
https://github.com/elayadesign/ai-design-skills/blob/1c1e97cb9878e236552c772092dda7adcdddbcb2/skills/landing-page-design/SKILL.md