
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的 Parcelo 示例站(一款虚构的配送分析产品):落地页外加注册、登录、预约演示、更新日志、案例研究、安全、隐私、条款和 404。
- 用你产品的语言呈现的实时界面:可切换时间范围、悬停看数据的仪表盘,Bento 中的迷你视图、步骤标签页、把方案带入注册页的计费切换,以及带校验的表单。
- 你的网站以单个离线文件交付,内嵌 Onest 和 JetBrains Mono 字体;另附风格指南、配图计划、动效规则和质检清单。
适合
- 正在发布 SaaS 产品、想要一个沉稳可信、以产品为主角的页面的创始人和营销人员。
- 最有力的证明就是产品本身的数据分析、运营或开发者工具。
- 需要定价、安全、更新日志和注册页面,而不只是一个 Hero 的团队。
不适合
- 应用原型或 CMS 驱动的网站:它做的是带固定内页的营销网站,不是可用的产品。
- 想要多彩风格或深色模式切换的品牌;meridian 是浅色页面配深色区块,只有一种青绿强调色。
- 真实注册、支付或数据统计:表单只在页面内校验和确认,需接入后端。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页风格锁定成果可编辑转化导向Dark Pill NavLight Dark RhythmPerspective MockupTeal Accent Minimal
适合做落地页
关于此 Skill

描述你的产品,就能得到一个沉稳、以产品为主角的 SaaS 网站:白色页面只用一种青绿强调色,深色胶囊导航栏,实时仪表盘先以透视角度后仰,滚动时弹回平展。示例是虚构的配送分析工具 Parcelo,它能在客户询问之前标出可能延误的包裹。

你将获得
- 落地页包含横幅、胶囊导航、Hero 仪表盘、深色功能 Bento、上手步骤、客户故事、用户评价、定价、安全、FAQ 和深色 CTA 区块
- 注册、登录、预约演示、更新日志、案例研究、安全、隐私和条款页面,外加精心设计的 404
- Bento 中的迷你产品视图展示你自己的业务对象,而不是图库截图
- 月付与年付定价切换、带错误和成功状态的表单,以及可筛选和搜索的更新日志
- 字体和照片均已嵌入的单个文件,任何浏览器都能离线打开

如何使用
- 提供产品名称、功能、价格方案,以及仪表盘应该展示什么;粗略笔记就够了。
- Agent 把仪表盘的每个标签改成你产品的对象,填满各区块和页面,并在桌面和手机上检查。
- 打开交付的单个文件,逐页点击浏览,用日常语言提出修改。

用 Agent 的图像工具生成照片可能产生该工具的使用费用;没有图像工具时,用着色面板和首字母头像代替。
开始前需要准备什么
- 你需要提供
- 产品名称、一句话承诺和目标用户 · 功能、带月付和年付价格的方案,以及仪表盘应展示的内容 · 可选:客户故事、用户评价、FAQ、安全信息和更新日志条目
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 中的图像生成工具,用于客户故事、团队和头像照片(可选;没有时使用着色面板和首字母头像)
- 外部成本
- 客户故事、案例、团队和头像照片在有图像工具时由 Agent 自带的工具生成,可能产生该工具的使用费用。没有图片来源时改用着色面板和首字母头像。
- 最近实测
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









