指南
如何用 AI 制作落地页
简短回答
在 Claude Code、Codex 或 Cursor 中安装落地页技能，或通过 PopNow 向助手提出需求，然后描述产品和受众。Agent 可以先给出两三个设计稿方向，再用干净的 HTML 和 CSS 构建自适应页面，在电脑和手机上检查效果；你确认价格后，还能加上 PopNow 的首屏图、产品图或背景循环视频。
从想法到文件的五个步骤
先连接一次 PopNow
把 PopNow 添加到 Claude、ChatGPT 或其他支持 MCP 的应用，或在 Claude Code、Codex、Cursor 等编程 Agent 里安装技能。大约只需一分钟。
说出你的需求
用平实的话描述作品：用途是什么、多长或多少页，以及必须包含的内容。
选一种风格
助手会列出匹配的风格并附上预览。选一种，或直接说出本页看到的那个风格名。
确认价格
技能本身免费。它需要的图片、短片、音乐或语音会先报价，在你点头之前什么都不会开始运行。
拿到成品文件
在编程 Agent 里，技能会在你的电脑上生成并渲染文件；在聊天应用里，它负责规划作品，并通过 PopNow 制作媒体。失败的任务会自动退款。
可以这样问
为我们的 AI 排程应用做一个落地页，用工作流自动化风格，并附上候补名单表单。
选一种风格
下面每种风格都是免费技能。点开可以看样片，也可以直接对助手说出风格名称。
AI SaaS 落地页
+3温暖的砂色纸面，发丝线的竖轨和斜线阴影围着一块实时看板，助手在上面规划任务。
动态 Hero 首屏区块
+3落地页首屏：标题中的一个词轻轻轮换，配两个按钮和一个宽幅图片框。
着色器主视觉的创意机构网站
+3一块实时的橙色热浪着色器主视觉，底部固定一句宣言，配胶囊导航和错落的案例网格。
深色 SaaS 落地页
+3深色、动效丰富的软件产品营销网站，交付为一个自包含的 HTML 文件。
编辑风 SaaS 网站
+3深蓝的分栏首屏，五行衬线标题配纪实照片，斜切的色带，以及一种钴蓝强调色。
玻璃拟态网站模板
+3近黑胶片上的磨砂玻璃胶囊，一行带斜体单词的超大衬线标题，以及邮箱订阅框。
硬件产品网站
+3银色影棚照片上是超大的细线型号名，磨砂规格卡片，按比例排列的产品阵列，以及硬件网格布局。
互动网格主视觉
+3近黑底上的一张细线深色网格，会朝光标弯曲，并从每次点击中荡出一圈发光的波纹。
AI 样稿转落地页
+3先看三张整页设计稿，选定一张，你的 Agent 再把它构建为干净、响应式的代码。
粒子动画主视觉
+3暖纸底色上的文案，旁边是一个旋转的墨色与青绿色圆点球体，按每个理念重组形状，并在滚动时散开。
个人品牌网站
+3一张羽化进暖纸的肖像，置于细线括号之下，两侧是轻重对比的陈述。
电影感产品发布页
+3电影光线下的近黑页面：衬线标题卡配漂移的光带，宽银幕式的夜景，以及预约表单。
SaaS 落地页模板
+3沉静、明亮的软件产品营销网站，含可交互的产品控制台、定价和注册。
工作流自动化落地页
+3石墨灰页面，左对齐的小标题，下方是实时的节点图，会运行、重试并流式输出日志。
为什么用 PopNow 来做
为这些风格量身打造
每个技能的提示词、尺寸和模型选择都为 PopNow 编写，第一次生成就能接近你选的风格。
成品媒体，而非零散素材
图片、短片、音乐、语音、音效、放大、抠背景，以及配乐、旁白和字幕的免费合成，都来自同一个 PopNow 账户。
没有意外账单
每次运行都先显示价格，你确认后才开始；失败的任务自动退款。没有订阅。
作品归你使用
你做出的东西可用于个人和商业用途，包括客户项目；PopNow 从不用它们训练模型。
常见问题
AI 能制作落地页吗？
能。落地页技能会让你的编程 Agent 基于经过测试的设计系统构建自适应页面，在电脑和手机上检查，然后把文件交给你。
编码前能先看设计吗？
可以。先出设计稿的技能会以图片形式展示两三个设计方向，只为你选中的那个编写代码。
代码归我所有吗？
归你。页面是你项目里的普通 HTML 和 CSS，可以部署到任何地方，并像其他代码一样编辑。
要花多少钱？
技能免费；PopNow 生成的首屏图、产品图和背景短片消耗积分，每次运行前都会报价。