效果预览
相似 Skill
查看全部 Skills
你将获得
- 完整的深色营销站：产品 Hero、动态功能卡片、滚动驱动工作流、客户聚光区、集成与安全、带计费切换的定价、FAQ 和注册区
- 能真正使用的内页：可筛选搜索的更新日志、客户故事、登录和法律页面，表单带校验和成功状态
- 直接在页面里搭出来、按你的产品重新配色的产品界面，Geist 字体和生成的客户人像，全部嵌入一个离线文件
适合
- 发布 SaaS 或开发者工具、想让页面第一天就像拿过融资的创始人
- 需要一套带定价、背书、FAQ 和更新日志的完整发布站来跑活动的产品营销
- 没有像样截图的团队：所有产品界面都在页面里搭建，并按你的产品配色
不适合
- 想要明亮通透风格的品牌：cadence 只有深色
- 真实的注册或计费：表单只在页面内校验和确认，不会发送到任何地方
- 博客、文档站等内容密集型网站：这是带几张辅助页的产品营销站，不是 CMS
产品发布与应用增长网站与数字体验制作落地页风格锁定转化导向Cyan AccentGradient TypographyCharcoal DarkCss Device MockupsScroll Motion
适合做落地页
关于此 Skill
Cadence Marketing Landing 做的是一个深色 SaaS 营销站，产品界面本身就是 Hero 主视觉。炭黑底色、唯一的青色强调和灰到白的渐变标题，把一条连贯的故事从首屏一直讲到注册，背后还有更新日志、客户故事、登录和法律页面。示例是虚构的客户反馈平台 Loopwright。
你将获得
- 一气呵成的首页：Hero 产品卡片、字标滚动条、动态功能卡片、滚动驱动的工作流舞台、带人像的客户聚光区、集成与安全、定价、FAQ，以及结尾随滚动掀开屏幕的笔记本电脑注册区
- 辅助页面：可筛选的更新日志、带三个署名数据的客户故事、登录和法律页面
- 直接在页面里搭建、按你的产品重新配色的产品界面，让一个核心需求贯穿整条故事
- 可用的计费切换、对比表、FAQ、标签页、移动端菜单，以及带校验和成功状态的表单
- Geist 与 Geist Mono 字体和生成的人像，全部嵌入一个文件，任意浏览器打开，离线可用
如何使用
- 告诉它产品名、产品用途、主要客户流程和大致定价，零散笔记就够了。
- Agent 把功能卡片和工作流映射到你的产品，生成人像，再填满每个区块和页面。
- 在浏览器里打开文件，把每个页面和表单点一遍，用大白话提出文案或区块修改。
有生图工具时，人像由 Agent 自带的工具生成，可能产生该工具的用量费用。简报里没给的信息会先写成占位文案，Agent 会列出来请你确认。
开始前需要准备什么
- 你需要提供
- 产品名、产品用途，以及一个结果导向的标题思路 · 4 到 5 个核心能力、主要工作流步骤和大致定价档位 · 可以如实宣称的客户评价、故事数据、集成和安全信息（可选；缺的部分会写成占位并列出）
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · Agent 里的生图工具，用来生成客户人像和故事配图（可选；没有时页面保留首字母头像）
- 外部成本
- 有生图工具时，客户人像和故事配图由 Agent 自带的生图工具生成，可能产生该工具的用量费用。没有时，页面保留首字母头像，Agent 会列出需要照片的位置。除此之外不使用任何付费服务。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…