你会得到

  • 两到三张不同美术方向的整页样稿,来自十种风格的图库
  • 所选设计构建为静态页面,或作为你项目中的组件,并使用真实文案
  • 首屏和各板块图片以正确尺寸重新绘制,并导出为响应式 WebP
  • 桌面和手机截图、与样稿的并排对比,以及质检报告
  • 针对机器生成习惯的检查报告,并已应用修复

适合

  • 创业公司、应用和产品的落地页
  • 需要独特外观的发布页和候补名单页
  • 重新设计一个看起来像通用模板的页面

不适合

  • 依据现有设计文件做逐像素还原
  • 带应用逻辑或内容管理系统的多页网站
  • 邮件模板

怎么用

在 Claude 或 ChatGPT 里

用 PopNow 的技能「AI 样稿转落地页」(landing-page-from-mockup)帮我做这件事:为 Lumen Notes 做落地页,它是一款纯文本笔记应用,你打字时会推荐相关笔记。单设备免费,Pro 每月 $6。暂时还没有用户评价。

在编程 Agent 里

/popnow-landing-page-from-mockup 为 Lumen Notes 做落地页,它是一款纯文本笔记应用,你打字时会推荐相关笔记。单设备免费,Pro 每月 $6。暂时还没有用户评价。

接着试试

首屏用样稿 B 的,定价表用样稿 A 的。

在我们 site/ 目录下的 Astro 项目里构建,然后再做一次审阅。

需要准备

  • 产品名称、受众,以及标题的承诺
  • 三到四个功能,每个附一个具体细节,外加套餐和价格
  • 你能负责的证明(真实的评价、数字或事实)
  • PopNow API 密钥;如果品牌已经确定,再提供你的 DESIGN.md

类似技能

查看全部 →

常见问题

为什么要先做样稿再写代码?

在看起来已经完成的页面之间做选择,比用文字描述风格更快,也更诚实。它还为构建提供了具体的目标,所以截图对比能准确指出代码在哪里偏离了样稿。

PopNow 生成什么,要花多少钱?

样稿(每张约 30 到 35 积分),以及如果你需要,干净的首屏和板块图片(每张大约 35 到 75 积分)。一次典型的完整运行约 275 积分;只做一张样稿的精简模式约 35 积分。每次生成都会先报价,并且只有在你同意后才会运行。

需要安装什么?

Node 和 Python 3,以及用于截图的本地 Chrome、Chromium 或 Edge。如果项目里已有 Playwright,就会使用它。没有其他依赖。

页面里会包含样稿图片中的文字吗?

不会。样稿是图片,其中的小字可能会被弄坏。标题、功能、价格和 FAQ 都来自你的需求说明;任何需要 Agent 起草的内容都会列出来,供你确认。