
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个约十几个区块的落地页,虚构品牌 Nightfold:从玻璃 Hero、实时邮件预览到定价、FAQ、收尾订阅区和幽灵字标页脚。
- 七条路由:带付费墙的样刊、可搜索筛选的档案、宪章、加入会员、登录、隐私与条款,以及精心设计的 404。
- 可用的订阅表单、收件箱版本选择、带席位步进的月付/年付定价、读者评价轮播和倒计时,四款字体内嵌在一个离线文件里。
适合
- 以收集邮箱为首要任务的简报、候补名单、私测和发布活动。
- 想要黑色玻璃质感、又不想手调模糊、描边和高光的创始人。
- 能以真实界面(邮件、应用画面或更新日志)而非图库照片展示的产品。
不适合
- 明亮多彩或以插画为主的品牌;这套设计只有深色,没有强调色。
- 开箱即发真实邮件:订阅、加入和登录表单只在页面内确认,需要你接入自己的邮件服务。
- 导航层级很多的大型内容站;这是一个转化页,只带少量辅助路由。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定转化导向CinematicGlassmorphismDark MonochromeLiquid GlassSerif Display
适合做落地页
关于此 Skill

把一个名字和一句承诺变成一个深色落地页,感觉像覆在影片上的毛玻璃:会捕捉光线的玻璃胶囊、只有一个斜体词的超大衬线标题,以及居中的邮箱订阅。示例是虚构简报 Nightfold,带实时邮件预览、会员定价和七条可用路由。默认交付一个自包含文件,任何浏览器都能离线打开。

你将获得
- 玻璃胶囊顶栏、带邮箱订阅的电影感 Hero、带图表的实时邮件预览、数据条和方法对比
- 版本选择器、编辑团队、读者评价、月付/年付切换的会员定价、往期列表、FAQ 和带倒计时的收尾订阅区
- 样刊、档案、宪章、加入、登录和法律页面,以及精心设计的 404
- 内嵌 Instrument Serif、Newsreader、Geist 和 Geist Mono,零网络请求

如何使用
- 提供名称、产品是什么、订阅能得到什么、发送频率、价格和背后的团队。
- 代理填好各区块,把你的产品渲染成玻璃面板里的实时界面,并生成深色图片或使用你的 Hero 视频。
- 打开页面,试试订阅表单、定价切换和档案筛选,再提出修改。

生成图片可能产生图像工具的使用费用。表单只在页面内确认,在接入你自己的邮件服务之前不会发送任何内容。
开始前需要准备什么
- 你需要提供
- 名称、产品是什么,以及订阅后访客能得到什么 · 发送频率或上线日期、价格或档位、几条真实事实和背后的团队 · 可选:你自己的深色 Hero 视频和团队照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 可选:代理的图像生成工具;没有时媒体框会使用深色占位底面
- 外部成本
- 用代理的图像工具生成深色图片可能产生该工具的使用费用。没有图像工具时页面照样能生成,每个媒体框会使用深色占位底面。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









