Agent Skills
返回列表
简诗 AI 落地页生成器

简诗 AI 落地页生成器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_fccf428b/design-landing-page-generator。

技能介绍

要解决什么问题

手写营销落地页的开发者常面临三个反复出现的坑：文案区写的是 lorem ipsum 占位符、页面结构缺少经过验证的转化逻辑、上线后 SEO 和性能问题才被逐一发现。这个技能针对的是 Next.js/React 技术栈下的落地页生成环节，不是要取代设计师，而是把文案框架、组件结构和 SEO 清单打包成一套可复用的生成流程。

核心能力与工作流程

技能围绕三种经典文案框架展开，每种框架定义了 H1、副标题和 CTA 的写作逻辑：

  • PAS（Problem → Agitate → Solution）：用痛点开场，放大后果，最后给出方案
  • AIDA（Attention → Interest → Desire → Action）：从吸引注意逐步推进到行动
  • BAB（Before → After → Bridge）：用前后对比引出产品作为桥梁

组件层面，技能以一个居中渐变风格的 Hero 组件作为结构模板，其他变体（split、video-bg、minimal）在此基础上调整布局类和渐变方向。其他 section 包括交替布局的 Feature Section、带 highlighted 标记的 Pricing Table、注入 FAQPage JSON-LD 的 FAQ 区块、Testimonials 网格、CTA Banner 和 Footer。

SEO 清单是硬性验证步骤：输出代码前必须逐项检查 title 标签字符数、meta description、OG 图片尺寸、H1 唯一性、结构化数据、canonical URL、图片 alt 属性、robots.txt 和 Core Web Vitals 的 LCP 目标。

适用边界

  • 技术栈限定 Next.js/React + Tailwind CSS，不适用于服务端渲染框架或静态站点生成器之外的项目
  • 文案框架是结构化模板，不包含 A/B 测试或真实转化率数据验证
  • 性能目标表格中有部分内容缺失（如 LCP 具体数值），需要开发者自行补充
  • 建议在生成前配合 Brand Voice Analyzer 和 UI Design System 技能使用，以确保文案调性和设计 token 的一致性

使用场景

  • 开发SaaS产品的落地页时，需要快速生成含定价表、FAQ区块和结构化数据的Next.js组件
  • 为新产品策划营销落地页，需要选择PAS或AIDA框架生成转化型标题与CTA文案
  • 优化现有落地页的SEO表现，需要用技能的清单检查title长度、OG图片和Core Web Vitals目标
  • 构建移动端优先的落地页，需要调整Hero组件的布局类和渐变方向以适配小屏幕

适合人员

  • Next.js开发者，需要快速生成符合SEO规范的营销落地页组件
  • SaaS产品运营，需要为新产品生成含转化文案框架的落地页结构
  • 独立站开发者，需要为产品落地页添加结构化数据和性能优化方案
  • 营销技术工程师，需要复用经过验证的文案框架生成高转化页面